菜单导航下拉链接仅适用于主页导航

Question

网站不是我构建的，但最近试图提供帮助（不记得之前这是一个问题，所以也许某些更新将其提升了？）不再显示主页链接下拉菜单上的悬停，因此也是不可点击的。顶部导航链接是，但子页面/下拉菜单不是。

但是，如果您单击到另一个页面，它们就会这样做。

我确实在另一个问题中看到了有关添加以下 CSS 的问题

nav ul.main-menu {
    z-index: 10;
}

我在主题选项自定义代码中尝试过，没有成功，在 s&g 的 Header JS 代码中尝试过，没有成功。

所有插件都是最新的，WP 是最新的，主题 - 一些 Roofer 主题和 WP Bakery = 都是最新的，php 大约一个月前更新了（这些东西开始损坏）。他们有大量的东西（插件），他们可能不需要或使用（我已经提到过），但你知道当人们构建自己的东西并且你需要修复它时，这就是我所在的地方在。请帮忙。

网站价格实惠roofingfl.com 谢谢

Answer 1

这是由于下拉菜单元素

<ul class="dropdown-menu dropdownhover-bottom animated zoomIn" role="menu">

在 Z 轴上位于其子列表项上方而导致的。

这使得这些底层链接元素不可点击。

这些

<li>

子元素的相对定位“激活”其 CSS 属性

z-index

已设置的值，并且它们再次变得可点击。

CSS规则来修复它：

.dropdown .dropdown-menu li {
    position: relative;
}