[braoudapParticipant]

Hello, I am developing a site that has a two-step secondary nav. You can see an example here: http://66.147.244.190/~sprinhp8. If you hover over the ABOUT link, you’ll notice that there’s a secondary nav that drops down with three options. But you’ll also notice that two of those options also have a further secondary nav. Easy enough. The problem is, when you hover over that second set of links, it pushes the nav off the left side of the page. So, my question is, how do I reverse the direction of the secondary nav so that it will open to the RIGHT of the dropdown instead of the left side?

Thanks for your help.

[RupokMember]

Hi 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: calc(100% + 1.75em);
  right: auto;
}

Hope this helps.

Cheers!

[braoudapParticipant]

This is great — thanks so much. The one problem that it creates, however, is that now we have the opposite problem. If you go to the GIVE tab on the right, it now makes the secondary navigation disappear off the RIGHT side of the page. I wish there was a way to be able to assign them individually ….

[LelyModerator]

Hi There,

Please also add this CSS:

#menu-item-446 .sub-menu .sub-menu {
    left: initial !important;
    right: calc(100% + 1.75em) !important;
}

Hope this helps.

[Author]

Posts