根据Wordpress中的用户代理/设备限制显示哪些菜单/导航项.可能的

Question

我正在将客户端wordpress网站转变为响应式设计，主要是构建一个移动版本。

客户表示，他们不希望自己的所有页面都出现在移动网站上，所以我只会使用5个，而不是完整的7个主菜单项。

我不确定最好的方法是什么，我以前只单独建立过移动网站。如有任何意见，请联系我的教程/信息。谢谢。

Answer 1

您可以为这些元素提供自定义类，然后根据设备的最大宽度隐藏它们。您可以设置任意数量的类似规则，这就是通常所说的媒体查询。这是根据尺寸更改样式的基础。

@media only screen and (max-width: 959px) {
    div.desktop-only {
    display:none;
    }
    }

您也可以设置范围。

@media only screen and (min-width: 768px) and (max-width: 959px) { /*code here*/ }