使用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 
}