Fixed Left Nav Submenu

[mangia]

Having issue centering & styling the submenu in navigation. When I inspect the UL its adding left: 94%; by default which is making the sub nav offset to the right. My goal is to have the submenu appear centered below menu item.

This is the code I’m using as well as an example of what I’m trying to accomplish.

.desktop .sub-menu {
position: relative;
float: center;
max-width: 160px;

}
.desktop .sub-menu a{
white-space: initial;
}

.x-navbar.x-navbar-fixed-right li.current-menu-parent > ul {
display: block !important;
}

[Prasant]

Hello @mangia,

Thanks for asking.

You can try adding following CSS under X > Launch > Options > CSS to display sub menu items under parent menu:

.masthead-inline .x-navbar.x-navbar-fixed-left .desktop .sub-menu {left: 0;}

Thanks.

[mangia]

Perfect, thank you.

[nico]

Hi @mangia,

Happy to hear that.

Feel free to ask us again.

Thanks.