Bootstrap移动菜单sub-menu carat不可见

Question

我们在WordPress驱动的网站上对移动菜单有问题。

问题：在小型视口尺寸中，用于扩展子菜单的克拉不会显示。克拉似乎在那里，基于样式是白色的，但不要通过背景显示。我尝试了各种不同的修复程序，包括在没有成功的情况下向各种样式添加"！"。

这是一个屏幕截图。https://www.screencast.com/t/zbzxteglcwa

您还可以通过在浏览器中查看站点并将视口大小调整为440px来重新恢复它。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代码，因为三个视口受到影响。