How To Change Centric Pro Primary Navigation Color

[shaneketterman]

Hello,

I was wondering how to change the Primary Navigation menu background color in Centric Pro? I definitely don't like the default blue or the other colors and wanted to change it to my own color but when I manipulate the primary nav color in the stylesheet.css, it messes up the entire site for some reason.

[Brad Dalton]

Try this http://wpsites.net/web-design/changing-the-primary-navigation-colors-in-studiopress-themes/

---

Tutorials for StudioPress Themes.

[shaneketterman]

Hi Brad,

I tried that and with Centric Pro is definitely did not work at all - - in fact when i did change the color, it messed up the entire site for some reason and turned the entire homepage color background into an entirely different color. All I want is to change the nav menu background color and I made sure I was changing the primary nav menu property as well

[Brad Dalton]

The screenshots on that tutorial show you what the result is using the code examples.

If you have made any other changes, it may cause issues.

Firebug will show you what the classes are and then you can change the values.

---

Tutorials for StudioPress Themes.

[shaneketterman]

I solved it with this code in the style.css file:

.site-header {
background-color: #000000;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}

[Brad Dalton]

Thanks for sharing your solution.

Centric Pro uses the site header right widget with a custom menu rather than the primary or secondary menu.

---

Tutorials for StudioPress Themes.

[Author]

Posts