How To Center The Menu In Genesis Executive Pro Theme

If you need to center the menu in your Executive pro theme, a genesis theme. Then this simple code will do the trick. Just add it somewhere near the menu css codes or at the bottom. This may work with other genesis themes as well. Still works great when using as a responsive menu too.

Copy and paste the following code snippet.

[pre]
#nav .wrap{
text-align:center;
}

.menu-primary{
margin:0 auto;
text-align:center;
}
[/pre]

Heather Valencia

Web Designer & Developer | Owner

I’ve been developing WordPress websites as a freelance web designer in Spokane since 2010. My passion for building websites is as strong as the dedication I put forth in strengthening my client relationships.

5 Comments

Kristi on February 22, 2015 at 4:50 pm
Thank you Heather! This really saved me today! It worked like a charm!
Reply
- Heather Valencia on February 22, 2015 at 5:23 pm
  Your welcome!
John Divramis on November 12, 2015 at 12:56 pm
Hello Heather, do you have any ideas of how to center the logo in executive pro theme?
Thank you on beforehand
Reply
- Heather Valencia on November 12, 2015 at 4:16 pm
  Hi John,
  I found this tutorial on how to center the logo on a genesis theme, online which shows you how to do just though.
  Hope that helps!
- John Divramis on November 13, 2015 at 7:50 am
  Thnak you Heather, i managed to center the logo with the use of the Genesis simple hooks, while i have hidden the normal logo display.