Docs

[Jacob D]

Greetings, I was able to locate the required CSS to adjust the submenu positioning, but am unable to figure out how to get the secondary level menus to align correctly. I’ve attached a screenshot showing how they are dropping in over top of the first level dropdown (red overlay added for clarity). I’d like them to drop in to the right of the parent menu item, so any advice would be much appreciated.

The site in question can be seen here: http://homewardbound.pmcgdev.com/

[Nabeel A]

Hi there,

Thanks for writing in! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.masthead-inline .x-navbar .desktop .sub-menu .sub-menu {
    top: 0 !important;
    right: auto !important;
    left: 100% !important;
}

Let us know how this goes!

[Jacob D]

That did it, thanks!

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts