悬停时子菜单异常

Question

我在这个网站上有一个小 CSS 问题：http://www.bioconact.com/。当我将鼠标悬停在菜单中的 'Why BioConAct?' 上时，会弹出一个子菜单。但是很难单击子菜单中的某个链接，因为它通常在您用光标到达之前就消失了。我不知道它什么时候停留，什么时候消失，我很困惑。

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

Answer 1

您在子菜单上有边距，删除它，您将能够到达项目。

从您的 CSS

的第 1136 行的 class .genesis-nav-menu .sub-menu 中删除 margin-top: 2px

已更新

您可以将边距替换为高度为 2px 的伪元素。

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