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