How To Change Color Of Menu Bar (Altitude Pro Theme)?

[Fabian182]

Hello,

how can I change the color of the menu bar from black to white (Altitude Pro Theme)?

how can I change the color of the menu points (in the menu bar) from white to black?

My blog: http://www.farbentour.de/blog/

[DTHkelly]

If that is primary navigation, the Genesis CSS selectors should work (just add your Hexadecimal #s).
Background color = background color 🙂
color = font color

.nav-primary {
	background-color: #xxxxxx;
	color: #xxxxxx;
}

.nav-primary li a{
     color:#xxxxxx; 
}
.nav-primary a:hover, .nav-primary .current-menu-item > a {
    color:#xxxxxx;
	background-color: #xxxxxx;
}

Hope that helps!

[Fabian182]

Many thanks for your help.

But now there is a "gap" left and right from the navigation menu (http://www.farbentour.de/wp-content/uploads/2015/03/primary-nav.png)

How can I change the color from this?

Thank you

[DTHkelly]

Your theme's CSS line 907, .site-header has a background color

.site-header {
background-color: #000;

}

change #000 (black) to match your primary nav.

[gpriver]

Kellylise, your first code changed the menu color but also changed it when the site first loads and it's supposed to be transparent. Then you scroll and the menu is then supposed to turn to a color.

Also, you second bit of code for the sides of the menu bar didn't work.

[Author]

Posts