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

Question

当我在自定义 wordpress 主题中单击导航栏上的主页按钮时，无法像打开主页那样给出任何响应。请查看此 link 上的 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;
}

.collapse .navbar-collapse 中的 li 位于您的导航栏之上。您点击的是那个片段而不是您的 header。使用 z-index，您可以将 header 带回顶部。

Answer 2

问题是 div "navbar-collapse" 是全宽的并且位于按钮的顶部。因此，当您尝试单击该按钮时，您实际单击的是 "navbar-collapse".

要快速修复，您可以：

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

或

增加 "navbar-header" 的 z-index --> 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;}

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

Cannot Click Home Button On Navigation Bar In Wordpress

css

wordpress

wordpress-theming