鼠标悬停后，下拉菜单不会保持不变

Question

我在Wordpress上使用素食主题，并在主菜单中添加了子类别，它显示为鼠标悬停的下拉列表。但是，随着鼠标移出，下拉列表消失。关于如何修复它的任何想法？

该网站为http://iceyog.gr/，菜单元素为“FROZEN YOGURT”

谢谢！

Answer 1

我认为这是因为hover事件是在a元素而不是li元素上设置的。

由于ul子组位于li元素中，当您hover li时，您hover时仍会看到下拉列表hover当您悬停下拉子菜单时未悬停的a元素。

Here's a basic example to explain my thoughts

Answer 2

ul元素上方有一些px空格（下拉列表）。

在第2207行的style.css文件中有以下代码：

.main-navigation ul ul {
background: white;
float: left;
margin-left: -0.875em;
padding: 0 0.875em;
position: absolute;
top: 1.75em; // (Remove this line to fix the issue)
left: -999em;
text-align: left;
width: 180px;
z-index: 99999;
}