子菜单比应有的低一行

Question

大家好，新年快乐！

我在使用 WordPress 网站上的 CSS 导航菜单子菜单项时遇到一些问题。

正如您在屏幕截图中看到的那样，子子菜单比应有的位置向下显示了一行，使得用户几乎无法使用它。

该网站在 here 上线，我正在努力寻找 CSS 有什么问题。一切似乎都很好。

谁能帮帮我？我应该如何 add/change 以确保第 3 级菜单项出现在正确的位置？

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

Answer 1

从下面 CSS class 中删除前 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;
    }
}

Submenu drops one line lower than it should