Please Help! Center the Menu options on the Nav. Bar

[CourtneyTUParticipant]

I feel like i’m searching for a needle in a haystack…can someone please point me to the css code where I would be able to place the menu items on my navigation bar in the CENTER instead of the left?

Courtneydevon.com

 

Thanks!

[JohnParticipant Post count: 36]

Courtney,

Adding this to your style.css should do the trick:

.menu-primary {
text-align: center;
}
.menu-primary li {
display: inline-block;
float: none;
}

John

---

John Sundberg | blackhillswebworks.com
A WordPress developer’s toolbox: Firebug | WordPress Codex | Google

[PhilMurrayParticipant Post count: 13]

hi John

sorry i tried adding your code to the stylesheet but didn’t seem to work – any ideas?

demo site is here

thanks

 

Phil

[JohnParticipant Post count: 36]

Hi Phil,

In line 310 of your style.css change the float:left to this:

.menu-primary li,
.menu-secondary li,
#header .menu li {
float: none;
list-style-type: none;
}

Or just add it to the end of your style.css file.

John

---

John Sundberg | blackhillswebworks.com
A WordPress developer’s toolbox: Firebug | WordPress Codex | Google

[PhilMurrayParticipant Post count: 13]

brilliant John – worked a treat!

thanks again

Phil

[JohnParticipant Post count: 36]

You’re welcome!

---

John Sundberg | blackhillswebworks.com
A WordPress developer’s toolbox: Firebug | WordPress Codex | Google

[Author]

Posts