Alignment of one Sub-Menu

Hi,

I’m looking for the right CSS code to reposition just one submenu from left to right. With this code I can only change the alignment of all sub menus:

.masthead-stacked .x-navbar .desktop .sub-menu {
left: auto !important;
right: 0 !important;}

How can I change only the alignment of id=“menu-item-396”?

Michael

Hello Michael,

Please add the ID between desktop and submenu class. Desktop is the main container of navigation. Inside this container is the main list where ID is added. Inside it is the submenu. Look on the screenshot showing structure on Integrity demo

.masthead-inline .x-navbar .desktop #menu-item-396 .sub-menu {
    left: auto !important;
    right: 0 !important;}
}

Hope this helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.