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

Question

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

www.grkroccenter.org

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

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

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

Answer 1

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

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