WP子菜单不会下拉

Question

在我的网站http://www.nivic.co.il/中有一个带子菜单的菜单（在右侧），但是当我将鼠标悬停在菜单项子菜单上时，它不会出现，但在代码中它实际上存在。给我一些建议

Answer 1

据我所知，你有JavaScript可以做到这一点：

1. 将鼠标悬停在菜单项
上
2. 从“display：none; visibility：hidden;”更改子菜单'ul'元素“display：block; visibility：visible;”

但是，你的CSS也有这个规则：

.sf-menu ul {
  position: absolute;
  top: -999em;
}

根据此规则，所有子菜单都位于屏幕外，并将鼠标悬停在顶部菜单项上，不会更改此规则。

如果您希望显示子菜单，则需要在将鼠标悬停在顶部菜单项上时更改位置和顶部属性。您应该能够将这些属性添加到现有规则中：

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
  position: relative;
  top: 0;
  /* your existing properties */
}