下拉菜单落后于页面内容

Question

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

www.grkroccenter.org

菜单在那里并正常运行，但不正确。有时您可以重新加载页面并将鼠标悬停在具有下拉列表的链接上（例如“PROGRAMS”或“ABOUT US”），并且在页面加载时，您将简要地看到下拉列表，但随后页面加载并且内容似乎落在下拉菜单的顶部。

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

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

Answer 1

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

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