Bootstrap Mobile菜单子菜单克拉不可见

时间:2019-05-25 13:57:54

标签: html css mobile twitter-bootstrap-3

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

问题: 在较小的视口中,未显示用于扩展子菜单的克拉。克拉似乎在那儿,根据样式是白色的,但不会通过背景显示。我尝试了各种不同的修复程序,包括在各种样式中添加“!important”都没有成功。

以下是该问题的屏幕录像。 https://www.screencast.com/t/ZbZXTegLCWa

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

谢谢您的投入!

1 个答案:

答案 0 :(得分:0)

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

以下视口会受到影响:

  • 最大宽度:1000像素
  • 最大宽度:768像素
  • 最大宽度:600像素

搜索那些媒体查询和以下css元素'

nav.mobile_menu > ul属性更改为width应该可以解决问题。

示例:

auto

但是请记住,由于三个视口都受影响,因此必须在三个位置更改css代码。