内容覆盖的下拉菜单

Question

我的 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;
}

Answer 1

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

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

内容覆盖的下拉菜单

Dropdown menu overlaid by the content

html

css

wordpress

drop-down-menu

dropdown