内容覆盖的下拉菜单答案

【问题标题】：Dropdown menu overlaid by the content内容覆盖的下拉菜单
【发布时间】：2021-12-09 13:34:22
【问题描述】：

我的 WordPress 网站当前主题有两个菜单，一个顶部菜单和一个底部菜单

底部菜单的下拉菜单被上面的内容覆盖例如

我尝试执行 z-index 的设置，例如输入 z-index: 20000，但它不起作用

有人知道如何解决吗？

我的 WordPress 网站： www.rodrigocorrea.me

CSS：

@media (min-width: 43.75em)
.menu-footer-items .sub-menu:hover {
    bottom: 24px;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

@media (min-width: 43.75em)
.menu-footer-items .sub-menu {
    position: absolute;
    background: #1A1A1A;
    text-align: center;
    margin: 0;
    min-width: 100%;
    max-width: 220px;
    left: auto;
    right: auto;
    bottom: -9999px;
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
}

.menu-footer-items ul {
    list-style: none;
}

【问题讨论】：

请在此处更新有关该问题的图片，以便我们知道究竟是什么问题。
与其拥有与标题中相同的单独导航，为什么不让标题导航在滚动时保持粘性，以便菜单始终存在供用户交互？可能是更好的选择。

标签： html css wordpress drop-down-menu dropdown

【解决方案1】：

从页脚中删除溢出：设置自定义css：

footer.site-footer {
    overflow: initial !important;
}

【讨论】：

谢谢，成功了