如何在调整大小时从 Wordpress 中删除移动菜单但保留桌面菜单？答案

【问题标题】：How to remove mobile menu from Wordpress on resize but keep the desktop one?如何在调整大小时从 Wordpress 中删除移动菜单但保留桌面菜单？
【发布时间】：2017-09-27 17:22:05
【问题描述】：

我想知道是否有任何方法可以从 Wordpress 中删除移动菜单，该菜单会在 48em 或 767px 自动激活。

我网站的 CSS 中没有启用该汉堡菜单的代码，我尝试了一种解决方案，例如将以下代码添加到 styles.css：

 button.menu-toggle {
    display: none !important;
 }

和

 #top-menu {
      display: block !important;
 }

（网站是http://areolamodels.com/）

但还是不行——汉堡按钮不见了，但设计中显示了顶部菜单，这与桌面版不同，我想拥有桌面版...有没有@987654326 @ 函数来代替 CSS？

谢谢！

【问题讨论】：

标签： javascript html css wordpress

【解决方案1】：

您可以添加此代码：

@media all and (max-width:767px) {

#top-menu {
  display: block!important;
  margin: 0;
  text-align: center;
  background: none;
}
.main-navigation li {
    display: inline-block;
    margin: 0 10px;
}
button.menu-toggle {
  display: none!important;
}

}

它将调整样式，使菜单保持桌面状态

【讨论】：

【解决方案2】：

从

中删除@media screen and (min-width: 48em)

@media screen and (min-width: 48em)
.main-navigation {
    width: auto;
}

【讨论】：

【解决方案3】：

看看这个选择器：

.js .main-navigation.toggled-on > div > ul

这是一个切换显示

【讨论】：