链接不适用于徽标

Question

如果您查看my site左上角的徽标，则徽标无法点击。同样的事情也适用于右侧的篮筐。我不明白为什么，代码应该没问题。在div标签上有什么东西吗？

<div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </button>
    <div id="logo">
        <a href="https://mimsi.dk/">
            <img class="logo-trans logo-reg" src="https://mimsi.dk/wp-content/uploads/2018/02/logo-temp-hvid-132x40.png" height="40" width="132" alt="Logo">
            <img class="logo-main logo-reg" src="https://mimsi.dk/wp-content/uploads/2018/02/logo-temp-hvid-132x40.png" height="40" width="132" alt="Logo">
        </a>
    </div>
</div>

Answer 1

在活动主题style.css中添加样式并调整菜单样式。

菜单在徽标上重叠。

#wp-megamenu-primary_navigation{
        clear: both;
}

要么

#wp-megamenu-primary_navigation {   
    padding-right: 15px !important;
    padding-left: 15px !important;
    display: inline-block;
}

Answer 2

您需要更改网站上徽标和导航栏的z-index。确保添加position: relative以确保z-index正常工作。

这会将徽标移到前面：

.navbar-header {
    position: relative;
    z-index: 1;
}

这会移动后面的导航栏：

.navbar-collapse {
    position: relative;
    z-index: 0;
}