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

Question

我们正在使用 WordPress 和 Woocommerce 编写一个网上商店。 (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;
}