Centering the menu in Genesis Sample

[gcampton]

I'm usually not too bad at hacking/playing around css issues using firebug but this one has got me.

I can't figure out how to center the nav menu items. Maybe I was using depreciated alignment calls, I'm not sure. Anybody know?

http://ablemowing.com.au/

[Porter]

This should do the trick (add it to style.css, preferably near the other navigation css):

.genesis-nav-menu a {
	text-align: center;
}

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[gcampton]

hmmm didn't seem to work. I changed 'a' then changed 'item' as well, didn't work. Cloudflare is in deve mode and cache cleared.

.genesis-nav-menu .menu-item {
	display: inline-block;
	text-align: center;
}

.genesis-nav-menu a {
	color: #333;
	display: block;
	padding: 30px 24px;
	text-align: center;
}

[Porter]

Try:

.nav-primary .genesis-nav-menu {
        text-align: center;
}

Or

.nav-primary .genesis-nav-menu .menu-primary {
        text-align: center;
}

Or

.nav-primary .menu {
        text-align: center;
}

Or perhaps:

.nav-primary ul {
        text-align: center;
}

Those are all the right identifiers, it's just a matter of finding out which will work.

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[Genesis Developer]

Go to line no 936 and replace the existing code with this new code

.genesis-nav-menu {
    clear: both;
    display: table;
    font-size: 20px;
    line-height: 1;
    margin: 0 auto;
}

Hope that you're wanting this. if you're problem is solved then Please mark it as RESOLVED.

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[Brad Dalton]

This works http://wpsites.net/web-design/center-align-nav-menu/

---

Tutorials for StudioPress Themes.

[gcampton]

Thanks,

this worked ;

.genesis-nav-menu {
	clear: both;
	font-size: 20px;
	line-height: 1;
	width: 100%;
	text-align: center;
}

[gcampton]

Although I was pretty sure I tried that already...

[Author]

Posts