Bootstrap 移动菜单子菜单克拉不可见

Question

我们的 Wordpress 驱动网站上的移动菜单存在问题。

问题： 在较小的视口尺寸中，用于展开子菜单的克拉不显示。克拉似乎在那里，并且基于样式是白色的，但不会通过背景显示。我尝试了各种不同的修复方法，包括将“！important”添加到各种样式中，但均未成功。

这是重现问题的截屏视频。 https://www.screencast.com/t/ZbZXTegLCWa

您还可以通过在浏览器中查看网站并将视口大小调整为 440 像素来复制它。 https://www.windworkssailing.com

感谢您的意见！

Answer 1

您有多个视口，这些菜单箭头不可见，因为导航菜单的宽度太大。

以下视口受到影响：

• 最大宽度：1000px
• 最大宽度：768px
• 最大宽度：600px

搜索这些媒体查询和以下 css 元素 nav.mobile_menu > ul

将width 属性更改为auto 应该可以解决问题。

示例：

@media only screen and (max-width:768px) {
    nav.mobile_menu > ul {
        width: auto;
    }
}

但请记住，您必须在三个位置更改 css 代码，因为三个视口会受到影响。