Docs

[Gnosis123]

Hello!

My 2nd level submenu is not displaying over to the right as I would like it to when parent is moused (is that a word??) over.

Though something like :

.x-navbar .desktop .x-nav ul li.menu-item-has-children:hover>.sub-menu {
right: 60% !important;

But no!

[Gnosis123]

This reply has been marked as private.

[Gnosis123]

This reply has been marked as private.

[Christian]

Would you mind removing all custom CSS for a moment?

Thanks.

[Gnosis123]

custom css removed. A while back the x team gave me this .x-topbar .x-social-global{display:none;} so that the dropdown was not off to the left. This css lines up the dropdown nicely but causes the child to be overlaped as you can see from the previous image.

[Rue Nel]

Hello There,

Thanks for the updates! To properly align your 2nd level submenu to the right of the first level submenu, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.masthead-inline .x-navbar .desktop .sub-menu .sub-menu {
  top: 10px;    
  left: 100%;
  right: auto;
}

Please let us know if this works out for you.

[Author]

Posts