响应主菜单不扩展

Question

我的任务是维护网站，但在CSS，编码等高级方面经验有限。

该网站托管在Wordpress上，位于here。

单击汉堡包时，不显示菜单。是否有人碰巧对导致我的问题的原因有所了解？

Answer 1

.headbg中有一个与汉堡包重叠的元素。

您可以通过将{z}索引应用于#top-bar而不是z-index: 1003;来解决此问题。只需#header a.logo 1002 {高于#top-bar，.headbg），这将使.headbg中的链接位于{{1}}之上1}}，同时仍允许您点击{{1}}中的链接。

Answer 2

问题来自您的链接

<a href="http://icarek9.com" class="logo"><h1>iCareK9 Dog Boarding &amp; DayCare      </h1></a>

的风格为

#header a.logo {
    z-index: 1002;
    position: absolute;
    width: 95%;
    background-size: contain;
}

在您的按钮上方呈现。

您可以降低页面上的链接，例如：（10px应该足够了）

#header a.logo {
    z-index: 1002;
    position: absolute;
    width: 95%;
    background-size: contain;
    top: 10px
}

或者可以将按钮的z-index增加到高于1002的值，因此它会在链接上方呈现

.navbar-toggle {
    margin-right: 0;
    z-index: 1003
}

查看浏览器检查器，您可以看到元素的堆叠。特别是在Firefox中，您可以使用此功能：https://developer.mozilla.org/en/docs/Tools/3D_View