引导导航的样式错误

Question

我正在使用由responsecms创建的引导程序模板。 在台式机上一切正常，但在移动设备上，无法访问折叠的导航。 下拉列表中的条目不可单击。

我已经尝试了很多设置，但是所有内容看起来都与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;
}

最小响应

Answer 2

@拉曼试试这个。 它应该工作

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