手机上的菜单不显示

Question

这是我的网站：here。

由于某些原因，我的手机上的菜单无法显示。我知道它可能是隐藏的，但我无法弄清楚如何修复它。

我正在使用bootstrap框架。

Answer 1

在您的网站中，CSS文件http://www.florin-pop.com/work/Simple%20Eats/css/style.css ".navbar"类设置为height:70px，导致下拉隐藏。

将height:70px更改为min-height:70px会显示下拉列表。

或在媒体查询@media screen and (max-width: 768px) {}

中添加以下代码

.navbar { height: auto; margin: -11px 0 0; min-height: 70px; }

Answer 2

我刚刚将菜单的bs-example-navbar-collapse-1元素css属性编辑为以下内容：

z-index: 9999;
position:absolute;
background:#FFF;

，显示菜单。

Answer 3

“navbar-collapse collapse in”中没有z-index，也没有背景。

所以添加以下内容

position:relative;
z-index: 9999;
background-color: #fff;