Force Drop down to open to the right

[Stigan]

Hello we just built a site and we would like the dropdowns in the Nav bar to open up on the right instead of the left

How do we achieve this

Thanks for your help

[Prasant]

Hello @Stigan,

Thanks for asking.

You can add following CSS under X > Theme Options > CSS:

.masthead-inline .x-navbar .desktop .sub-menu .sub-menu {
    left: calc(100% + 1.75em);
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thank you.