How to center Main Menu text

[wujibifan]

Hi,
Thanks for the theme.
I’ve been trying to figure out to center the text of the main menu. When I try this (pasted from firebug)

#primary-menu {
background: linear-gradient(to bottom, #E8EBEB 0%, #C8CBCC 100%) repeat scroll 0 0 transparent;
border-top: 1px solid #D5D5D5;
box-shadow: 0 1px 0 #FFFFFF inset;
display: block;
position: relative;
text-align: center;
}

The last declaration text-align: center is overridden (automatically crossed out) which leads me to think it’s being trumped somewhere. Javascript?

I can get the menu to move with padding, but when I do that the logo moves too, which I don’t want. I also have the same problem with the sticky menu.

Any tips will be appreciated. Thanks again.

The test site is here: http://www.ruleofthewujibifan.com/

Brian

[livemesh]

Sorry for the delayed response. Was caught up with a update to the theme that I submitted today. For center aligning the menu, easiest option is to set a width to the primary menu, specially if you know the number of items that are going to sit there. Paste the following code into Custom CSS tab in theme options or anywhere else you prefer like in custom.css file in {theme directory}/custom/ folder –

#primary-menu > ul.menu { width: 730px; }

[Author]

Posts