Docs

[chenivega]

Hi there, I’m using the Integrity stack of the X theme. The default behavior of the subnavigation up top is to open to the left (see screenshot), and I would like for the submenus to open to the right. The reason that left doesn’t work is because the longer submenus get cut off the page (again, see screenshot)

Is this something I can change? I’m comfortable editing the child theme’s CSS.

Thanks!

[Rahul]

Hi There,
Thanks for writing in!
Try adding following CSS under Appearance > Customize > Custom > CSS:

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

Hope it helps.

[chenivega]

Almost — you can see now in the screenshot that it overlaps completely. We’d like it to hang off the right edge (the way it hangs off the left edge).

[Rue Nel]

Hello There,

Thanks for the updates. To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

For the meantime, please try out this custom css in your customizer, Appearance > Customize > Custom > CSS

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

Please let us know how it goes.

[chenivega]

Thanks! That worked!

[Joao]

You are welcome.

Let us know if you need help with anything else.

Joao

[Author]

Posts