鼠標懸停後，下拉菜單不會保持不變

Question

我在Wordpress上使用素食主題，並且已將子類別添加到主菜單，該菜單顯示爲鼠標懸停的下拉列表。但是，使用鼠標時，下拉菜單消失。關於如何修復它的任何想法？

該網站是http://iceyog.gr/，菜單元素是「凍酸奶」

謝謝！

Answer 1

有的ul元素（下拉）上述空間幾個像素。

在style.css文件上線2207有這樣的代碼：

.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; 
} 

Answer 2

我認爲這是因爲在a元素上設置了hover事件而不是li元素。

由於ul子組是在li元素，當你hover的li你仍然可以看到下拉菜單中，當你hover它，而不是hover當你將鼠標懸停在下拉菜單孩子這是不懸停a元素。

Here's a basic example to explain my thoughts