bootstrap导航的样式错误

Question

我使用的是一个由respondcms创建的引导模板。桌面上的一切看起来都很好，但在移动设备上无法访问折叠的导航。下拉列表中的条目不可单击。

我已经尝试了很多设置，但所有设置看起来都与http://getbootstrap.com/examples/theme/上的示例非常相似

有没有人有线索给我？该网站可在http://cms.h2516034.stratoserver.net/sites/zbv/index上访问

提前感谢

拉曼

Answer 1

看起来你的问题跟z-index或者别的什么有关。您可以在您的菜单点"Aktivitäten“中进行测试。缩小您的浏览器，您将看到，"Kontakt“条目下的条目是可访问的。也许是你使用的CMS的渲染问题？

可能的解决方案：(未经过全局测试)

body .navbar ul.dropdown-menu li, body .navbar ul.dropdown-menu li a {
height: 30px !important;
line-height: 30px !important;
position: relative;
z-index: 100000;
}

respond.min.css

Answer 2

@拉曼，试试这个。它应该是可行的

<style>
@media(max-width:767px){
    body .navbar li {
        height: auto;
        line-height: 65px;
    }
}
</style>