• 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: Nav bar alignment in header

Home › Community Forums › Epik Theme Support › Nav bar alignment in header › Reply To: Nav bar alignment in header

November 13, 2013 at 9:28 pm #8880
Wes
Moderator

Your nav is already floating to the right, just like the other widget.

The nav actually shows up the exact same whether there is a widget above it or not….you’re probably only noticing it’s position when there is a widget right above it, because the widget above it doesn’t have padding on the sides. The nav has padding on the right side of each of the nav links. Look around line 2025 –

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

So if you remove the padding for the right side, the nav will “appear” to sit all the way on the right….even though it already is.

Try changing the padding like this –

padding: 13px 0 13px 26px;

The end result should look like this – http://i.imgur.com/tXYU49F.png

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