css - 下拉菜单落后于页面内容

Question

我维护的 Wordpress 网站在几个月前更新，之后我们的下拉菜单停止正常工作。

www.grkroccenter.org

菜单在那里并且功能正常，只是不正确。有时您可以重新加载页面并将鼠标悬停在具有下拉列表（例如“程序”或“关于我们”）的链接上，当页面加载时，您会短暂看到下拉列表，但随后页面加载并且内容似乎落在下拉菜单的顶部。

我尝试了各种 z-index 解决方案，我是一名平面设计师，而不是程序员或 Wrodpress 专家。我只帮助维护这个网站；我没有创建它，是的，我知道代码有多乱。

任何帮助，将不胜感激。如果您需要更多信息，请询问。谢谢！

Answer 1

子菜单设置为显示：无，这意味着除非被覆盖，否则它将永远不可见。你需要这样的东西：

.menu-item:hover .sub-menu {
    visibility: visible;
    display: block;
}