• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Reply To: Center primary navigation menu

Home › Community Forums › Epik Theme Support › Center primary navigation menu › Reply To: Center primary navigation menu

January 13, 2014 at 3:09 pm #9993
theapril
Customer

I think I just figured this out. It has been driving me crazy. Ok, so find this code under *site navigation*
.genesis-nav-menu {
clear: both;
color: #ccc;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 700;
letter-spacing: 1px;
letter-spacing: 0.1rem;
line-height: 1.5;
margin: 0;
padding: 0;
width: 100%;
}

.genesis-nav-menu .menu-item {
float: left; <<<<<<<<<<<<change left to none
list-style-type: none;
display: block;
margin: 0;
padding: 0;

–Right under this paste this following code and change the above float from left to none.

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

–Right after that you will see this:

.genesis-nav-menu a {
border: none;
color: #fff;
display: block;
font-weight: 400;
padding: 13px;
position: relative;
}

.nav-primary .genesis-nav-menu a {
color: #fff;
padding: 13px 26px 13px 0;
}

–Right after this, paste this code:

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

I hope this works for you.

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 · Appfinite · Built With The Genesis Framework