Navigation overlapping

[isdg01]

HI,

I have used the following code on several sites to align the primary and secondary nav and it works great.

/* left align dropdown sub-menus*/
.masthead-inline .x-navbar .desktop .sub-menu {
left: 0;
right: auto;
margin-left: 0px;
}

Now I have a site that contains tertiary navigation and it is lining up directly on top of the secondary nav, making the secondary nav unclickable. How can I adjust this so the tertiary nav flys out on the right side of the secondary nav?

Thanks in advance,
Dawn

[ruenel]

Hello Dawn,

Thanks for writing in! The CSS code given above will be applied to all the submenus in your navigation. If you want it to apply only to the first submenu, then you will need to use the child and sibling selectors. Kindly check out this article instead:

• https://css-tricks.com/child-and-sibling-selectors/

Note: We are unable to provide support for customizations under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One or Care service for further assistance.

Best Regards.