• 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

Center Header and Navigation?

Home › Community Forums › Epik Theme Support › Center Header and Navigation?

  • This topic has 3 replies, 2 voices, and was last updated 9 years, 4 months ago by Wes.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 19, 2013 at 7:56 pm #7512
    jennifergrayeb
    Customer

    I’d like to center both my header image and my primary navigation and I’m at a loss. http://jennifergrayeb.com/

    I’d also love to have the formatting for the navigation be more like the secondary nav (rather than pull from the header/title area). Is there an easy way to just move the sub menu under the header?

    September 19, 2013 at 10:04 pm #7514
    Wes
    Moderator

    Try changing line 1965 to look like this –

    .site-header .widget-area {
    	color: #ddd;
    	float: none;
    	text-align: center;
    	width: auto;
    }

    I changed “float: right” to “none” and “text-align: right” to “center“. You may need to make more adjustments once we see what it looks like, but try that first and let me know what happens.

    You could also look at the code that changes when the responsive css kicks in (when the browser is resized) since it’s automatically centered.

    September 20, 2013 at 8:25 pm #7534
    jennifergrayeb
    Customer

    Thanks as always Wes ๐Ÿ™‚

    What about either moving the secondary nav below the header OR reformatting the primary nav so it’s not part of the header wrap area? (i.e, I want it to have it’s own formatting like a full width nav bar)

    September 25, 2013 at 10:00 am #7610
    Wes
    Moderator

    The code to do this should be inside your functions file and it looks like this –

    // Reposition the Secondary Navigation
    remove_action( 'genesis_after_header', 'genesis_do_subnav' ) ;
    add_action( 'genesis_before_header', 'genesis_do_subnav' );<!--formatted-->

    You can change it to “genesis_after_header” and it will show up after the header…..you could also just remove that code alltogther and I think it will show up right after the nav by default. Let me know if that helps

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.
Log In

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