Question

I have an issue with a dropdown menu that is appearing too much to the left of its parent menu.

• Here: http://dev.gratefulhearttherapy.org/
• Hover the menu ‘Services’
  in the nav bar
• See the dropdown menu appearing too much to the left (compare with the menu ‘About Us’)

I’m a bit confused with the positioning since the CSS for the nav menu wasn’t done by myself for the most part. I would really appreciate some help with it.

Thanks!

Answer 1

If you set position: relative on the top menu container and remove the left: 142px on the sub-container, you’ll be aligned left.

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