使用 CSS 在父菜单下方居中下拉菜单

Question

我遇到了一个下拉菜单的问题，该菜单在其父菜单的左侧显示过多。

• 这里：http://dev.gratefulhearttherapy.org/
• 悬停菜单“服务” 在导航栏中
• 下拉菜单显示在左侧太多（与菜单“关于我们”相比）

我对定位有点困惑，因为导航菜单的 CSS 大部分不是由我自己完成的。我真的很感谢一些帮助。

谢谢！

Answer 1

如果您在顶部菜单容器上设置 position: relative 并在子容器上删除 left: 142px，您将左对齐。

.custom ul.mega-menu li {
    position: relative
}
.custom ul.mega-menu li .sub-container {
    left: 0
}