WP Twenty Seventeen :隐藏主菜单并始终显示移动菜单

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