Center Primary Nav Menu in Generate Pro

[kevinburke2]

I've reduced the width of the site, and I was able to center the logo/title, but now I'm looking to center my primary nav menu that is just under the title/logo.

I've found several different examples of code, but can't seem to get any of them to work.

Any thoughts?

http://www.iphoneparents.com

http://www.iphoneparents.com

[Brad Dalton]

Try this http://wpsites.net/web-design/center-align-nav-menu/

---

Tutorials for StudioPress Themes.

[kevinburke2]

I've tried this in several different locations. I added:

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

Here is what is in my Generate Pro Child Theme CSS:

/* Primary Navigation
--------------------------------------------- */

.nav-primary .wrap {
	background-color: #fff;
	border-top: 4px solid #eb232f;
	box-shadow: 0 2px rgba(0, 0, 0, 0.05);
}

.nav-primary .genesis-nav-menu > li.menu-item-has-children:hover > a,
.nav-primary .genesis-nav-menu > li > a:hover {
	background-color: #eb232f;
	color: #fff;
}

[Brad Dalton]

Do you have any caching or minification plugins active?

---

Tutorials for StudioPress Themes.

[kevinburke2]

I do have W3 Total Cache plugin activated. But after updating the CSS, I emptied all caches. Should I disable that plugin until I get everything worked out like I want?

[Brad Dalton]

Where did you add the CSS?

---

Tutorials for StudioPress Themes.

[kevinburke2]

Appearance ---> Editor and then the style.css....

[kevinburke2]

Just as a follow up, your first line of code on this tutorial! Thanks! Marking resolved!

[Author]

Posts