无法在Wordpress中单击导航栏上的主页按钮

Question

当我点击导航栏上的主页按钮时，我的自定义wordpress主题无法给出任何响应，比如打开主页。请在此链接上查看my own theme以获取更多信息。它的主页按钮截图如下：

此处为导航栏的css样式：

 .navbar-header {
    position: relative;
}

.navbar-brand {
    float: left;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
}

我一直试图修复它但仍然没有运气

Answer 1

<强> CSS

.navbar-header {
  /* your own styles */
  z-index:9999;
}

li中的.collapse .navbar-collapse位于您的导航栏上。您正在点击该部分而不是标题。使用z-index，您可以将标题重新置于顶部。

Answer 2

问题在于div“navbar-collapse”是全宽并且位于按钮顶部。因此，当您尝试单击按钮时，实际上会单击“navbar-collapse”。

要快速修复，您可以：

• 给“navbar-collapse”一个宽度并将其设置为“margin：0 auto;”。然后它将不再覆盖您的按钮。

或

• 增加“navbar-header”的z-index - ＆gt; z-index 21将在您的情况下执行

Answer 3

已经<div class="collapse navbar-collapse">拥有z-index：20。 所以它覆盖了你的主导航栏。

使用以下css

.navbar-header {
    z-index: 21;
}

Answer 4

更改你的css ..因为它的宽度是100％并且它与主页按钮重叠.. Line no 246 in style.css

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    width: 80%;
    margin: 0px auto;}