Css 悬停子菜单异常

我在这个网站上有一个小CSS问题：。当我将鼠标悬停在菜单中的“Why BioConAct？”上时，会弹出一个子菜单。但很难单击子菜单中的一个链接，因为它通常在您用光标到达它之前消失。我无法发现它何时停留，何时消失，我被卡住了

---

有人知道如何解决这个问题吗？非常感谢

您在子菜单上有一个边距，删除此边距，您将能够访问项目

从CSS第1136行的此类

.genesis导航菜单.子菜单中删除
页边距顶部：2px

已更新

可以用高度为2px的伪元素替换边距

.sub-menu::before {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
}

您在子菜单上有一个边距，删除它，您将能够访问这些项目

从CSS第1136行的此类
.genesis导航菜单.子菜单中删除
页边距顶部：2px

已更新

可以用高度为2px的伪元素替换边距

.sub-menu::before {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
}

你好，谢谢你的快速回答！它解决了我的问题，但我插入了上边距，使子菜单与网站主体的高度相同。我还能做到这一点吗？嗨@Stefaan，我添加了一个小片段，让你的页边空白和菜单正常工作。你好，Aaron，谢谢你的代码片段！这就成功了；）你好，谢谢你的快速回答！它解决了我的问题，但我插入了上边距，使子菜单与网站主体的高度相同。我还能做到这一点吗？嗨@Stefaan，我添加了一个小片段，让你的页边空白和菜单正常工作。你好，Aaron，谢谢你的代码片段！这就成功了；）