不要在WordPress中使用WooCommerce显示汉堡菜单

Question

我们正在使用WordPress和Wooccommerce编程一个网店。(http://staightgang.com)我们希望在移动视图中只显示导航栏，而不显示汉堡菜单。浏览了整个css，但没有找到解决方案。有什么想法吗？

Answer 1

在移动视图中，.handheld-navigation类有一个设置为隐藏的溢出属性，因此您可以尝试取消设置溢出。

.handheld-navigation {
overflow: unset !important;
}

现在，您不再需要菜单按钮，只需隐藏即可。

button.menu-toggle {
visibility: hidden;
}

如果你想让你的菜单导航菜单项水平显示，你可以试试下面的CSS

.handheld-navigation ul.menu li {
display: inline-block;
margin-right: 20px;
}