Make submenu drop downs appear under

[Kamila_Gornia]

Hello, currently my menu when it has items inside it - there’s a drop down that appears to the left of it… making it so you can’t see it because it goes over another menu item. how can i have the drop down appear under the menu item as you’d expect it to (and have white background so it’s easy to read?) Thanks!

Heart Behind Hustle® Movement for Female Entrepreneurs

[Prasant]

Hello Kamila,

Thanks for writing in!

Please add following CSS under X > Theme Options > CSS:

.masthead-inline .x-navbar .desktop .sub-menu {
    left: 0;
    right: auto;
    top: 60px;
    background-color: #ddd !important;
}

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

Thanks.