子菜单比应该下降的位置低一行

Question

大家好，新年快乐！

我在WordPress网站上导航菜单子菜单项的CSS遇到了一些麻烦。

如您在屏幕快照中看到的那样，该子子菜单显示的位置比应显示的位置向下一行，这使用户几乎无法使用它。

该网站位于here上，我一直在努力寻找CSS的问题所在。一切似乎都很好。

有人可以帮我吗？我应该添加/更改哪些内容，以确保第3级菜单项出现在正确的位置？

非常感谢您的帮助和时间！

Answer 1

从下面的CSS类中删除前100％，然后列表项将正确对齐。

`.menu>li.menu-item-has-children:hover ul {
    visibility: visible;
    opacity: 1;
    /* top: 100%; */
    z-index: 999;
}`

Answer 2

以下代码解决了该问题：

@media (min-width: 768px) {
.menu>li.menu-item-has-children ul li > ul {
    top: -1px !important;
    }
}