Change the Navbar Color

.x-navbar {
background-color: #000000;}

Change the topbar Color

.x-topbar {
background-color: #000000;}

Remove the border between the navbar and the top bar

.x-topbar {
border-style:none;}

Move the Sub Menu items further up or down

.x-navbar .x-nav > li > .sub-menu {
top: 45px;
}

Used to hide the logo bar when the logobar and navbar are stacked
Good if you have your logo in the image above the masthead.

.x-logobar {
display:none;}

Thank you for using the theme!

@Ryan: Thanks for helping out!

@Vik R: Actually, you can change the navbar color on Customizer > Typography > Navbar panel. You can select the color, hover color, font style and weight etc. I hope that helps. If you have the time, please review all of the resources on the Knowledge Base.

Cheers!

I’m sorry, we were referring to the Menu items above.

There are controls to change the navbar color, but it depends on the stack. If you use Renew, you’ll have more options over color. Integrity is more limited to the “light / dark” options. We’re pretty intentional about the controls made available, and the decision usually revolves around what should be allowed to be changed while still keeping the Stack’s design consistent.

But all that doesn’t mean you still don’t have total control!

For when you don’t have control in Customizer, you can always refer to the CSS class index. This will give you the classes you need to target elements like the navbar for advanced customizations.

CSS Class Index

For example, in Icon you can change the navbar color with this CSS. (Customizer > Custom > CSS)
.x-navbar {background-color: #123;}

I’m using Integrity.

Thank you