Question

我需要通过Custom.css删除移动菜单中的一个项目。我不想在WordPress中编辑其他文件。

这是我的移动菜单项的屏幕。我想删除一个位置。通过谷歌Chrome编辑器很容易做到这一点，但我需要在custom.css中添加什么才能永久保存？

最初之前的菜单屏幕：

我只想删除菜单中的“Oferta”。

在谷歌浏览器中编辑后，我的菜单如下所示：如您所见，“Ofera”已删除。我想通过Custom.css这样做。我看到了一些关于它的话题，但仍然不知道我该怎么做。

Answer 1

这应该解决它。我们不需要使用JavaScript或其他东西删除DOM节点。 WordPress中的每个菜单项都可以使用其帖子ID进行唯一标识。在您的情况下， 988 。我们可以将display: none;用于该特定元素并使用CSS隐藏它。这是进行@media查询的唯一原因。

在custom.css。

中使用此CSS

@media screen and (max-width: 960px) {
  #menu-item-988 {
    display: none;
  }
}

我的目标是屏幕尺寸为960px或更低的客户端，可以将其视为移动设备。你总是可以参考CSS Tricks'Media Queries for Standard Devices。

预览

Answer 2

“删除”DOM中的项目可以通过多种方式完成。我想你可以通过在CSS文件中为该项分配一个简单的display: none;属性来实现你的目标，这将在视觉上删除元素，但不会从DOM中删除它。