引导程序导航的样式错误

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;
}

回应敏.css

Answer 2

@Raman试试这个。它应该工作

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