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

问题描述

我们正在使用wordpress和Woocommerce对网上商店进行编程。 （http://staightgang.com） 在移动视图中，我们只想显示导航栏而不显示汉堡菜单。浏览了整个CSS，但是没有找到解决方案。有什么想法吗？

解决方法

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

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

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

button.menu-toggle {
    visibility: hidden;
}

如果您希望菜单导航菜单项水平显示，可以尝试以下CSS

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