WP二十七:隐藏主菜单并始终显示移动菜单

Question

我想把菜单换成一直显示移动菜单的二十七号。

这是我尝试过的：

​

.menu-main-container {
	display: none;
}

#top-menu {
	display: none;
}

.menu-toggle, .js .menu-toggle, .js .dropdown-toggle {
	display: block !important;
	z-index: 5;
}

.js .main-navigation.toggled-on > div > ul {
	display: block;
}

​

问题是，当我隐藏主导航时，下拉菜单也被隐藏了。

任何想法都非常受欢迎。

Answer 1

这就是对我有效的方法。

@media screen and (min-width: 48em) {
  .js .menu-toggle, .js .dropdown-toggle {
    display: block;
  }
}

.js .main-navigation > div > ul {
  display: none;
}