css - WP二十十七: Hiding the main menu and show the mobile menu always

Question

我想在 2017 年将菜单更改为始终显示移动菜单。

这是我尝试过的:

.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;
}