內容覆蓋的下拉菜單

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