使用CSS将下拉菜单置于父菜单下方

Question

我的下拉菜单出现了问题，该菜单显示在其父菜单的左侧。

• 此处：http://dev.gratefulhearttherapy.org/
• 将菜单“服务”悬停 在导航栏中
• 请参阅左下方显示的下拉菜单（与“关于我们”菜单比较）

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

谢谢！

Answer 1

如果你在顶部菜单容器上设置position：relative并在子容器上移除左边：142px，你将被左对齐。

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