Change Sub Menu Colour In Header

[simplyjason]

Trying to change the color of the sub menu in header in X?

Have looked in the Global CSS for this code:

.x-navbar, .x-navbar .sub-menu {

1. background-color: #151515 !important;

}

Can someone kindly tell me where I can find this snippet to edit?

Thanks in advance

[prakash_s]

Hello Jason,

Thanks for writing to us.

To change the submenu background colour you need to replace with this custom CSS code in X/Pro-->Theme Option --->CSS

.x-navbar .sub-menu {
background-color: #151515;
}

The CSS code that you are using, It would change the background colour of Navbar and submenu background colour as well. The code is coming from the Theme option settings you can change the colour of Navbar background in case if you have set “Stack” as “Renew”, “Icon” and “Ethos”

Screenshot

You can not change the code but you can override the CSS code.

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps you.
Thanks

[simplyjason]

@PrakashS, yep, thanks that did the job

[marc_a]

Hi Jason,

We are glad that my colleague able to help you with your problems. If you have any other concerns, feel free to reach us.

Thank you.