[NueraParticipant]

Hi there, I’m working on http://schultz.nueramarketing.com/

I always apply the following code to every site with dropdowns because it looks way better.

/* Left Align Drop Down Menus */
.masthead-inline .x-navbar .sub-menu {
    left: 0 !important;
}

But this site features a second tier of dropdowns which are now overlapping with my left-aligned 1st tier dropdowns. Can you help me figure out a way to move that second tier to their own space? Perhaps to the right of the 1st tier?

Many thanks!

[Prasant RaiModerator]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.masthead-inline .x-navbar .desktop .sub-menu .sub-menu {
    left: 235px !important;
}

Thanks.

[NueraParticipant]

SO GOOD!

Thank you kindly 🙂

[JadeModerator]

You’re most welcome.

[Author]

Posts