WordPess. 如何隐藏菜单项在移动菜单，但保持他们在桌面布局

WordPess. 如何隐藏菜单项在移动菜单，但保持他们在桌面布局

本教程展示了如何在移动菜单中隐藏菜单项，但将它们保留在桌面 layout 在WordPress.

1. 我们在Chrome的内置检查器中启用了移动设备的仿真 browser. 按F12打开检查器. 检查手机菜单. 用菜单展开部分:

   

2. 您可以看到菜单列表. 让我们只使用CSS在移动菜单中隐藏About us菜单项. “og体育”菜单出现在列表的第三位. 基本上，你应该在CSS中指定这个数字 selector:

   

3. Go to Appearance -> Editor. 添加以下CSS代码并保存更改:

   .选择菜单选项:n -child(3) {
   	显示:没有 !important;
   	可见性:隐藏 !important;
   }

   在这段代码中，3是列表中元素的数字. 你应该把它替换成合适的数字. 为了隐藏多个菜单，您应该添加相同的代码并更改number 选择:nth-child (3) section:

   

4. Clear browser cache, cookies 看看你的网站. 您可以看到，og体育菜单项是隐藏的. Screenshot 显示隐藏about us菜单的代码:

   

5. 你可以看到“og体育”菜单仍然出现在桌面 layout:

   

请随时查看下面的详细视频教程:

WordPess. 如何隐藏菜单项在移动菜单，但保持他们在桌面布局