wordpress bootstrap 子菜单在移动视图中始终可见答案

【问题标题】：wordpress bootstrap submenu always visible in mobile viewwordpress bootstrap 子菜单在移动视图中始终可见
【发布时间】：2017-04-29 10:43:59
【问题描述】：

我正在使用 wordpress，但响应式菜单栏出现问题。子菜单链接在移动响应视图中始终可见。手术地点是Here 我已经在 Google 中检查了这个问题，但在任何地方都没有找到正确的答案。请问有人可以解决吗？

【问题讨论】：

请添加一个最小的可重现示例，可以是 sn-p、jsfiddle.net 链接或类似的形式。发布指向您网站的链接是不够的。
如果你能直接看原网站那将是一个很大的帮助。包括许多CSS级别。一个是引导程序，另一个是 wordpress 主题，第三个是 woocommerce。请查看网站并告诉我。

标签： css wordpress twitter-bootstrap nav

【解决方案1】：

您在 style.css 中的自定义媒体查询中覆盖引导 css - 请参阅第 138 行的 .dropdown-menu：显示：块是问题！

  .dropdown-menu {
    background-color: transparent;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    display: block;
    float: none;
    padding: 10px 0;
    position: static;
}

删除显示：块应该可以解决问题。

【讨论】：

嗨，感谢您的回答....这解决了我的一半问题。现在子菜单项会在单击时折叠，但随后无法通过再次单击父项来隐藏它们.....请同时提供解决方案。
不客气！我不明白新问题。如果我点击一个下拉菜单，它会折叠并且孩子们是可见的，如果我再次点击，那么孩子们就会被隐藏。我通过调整大小的浏览器和手机检查了这一点。你已经解决了吗？因为它按预期工作。
是的。我最近才解决它，这是我的 css 文件中多了一个引导类的问题。感谢您对@fen89 的关注。
你可以+1我的问题吗？
正是我需要的 +1

【解决方案2】：

您的 style.css 会绕过引导程序的默认 css 查询。查看类下拉菜单并删除最大宽度的媒体查询中的显示块：767px。这将解决您的问题。

【讨论】：