• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Move Primary Nav Outside the Site Container

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Move Primary Nav Outside the Site Container

This topic is: resolved

Tagged: full width nav bar, primary nav bar, site container

  • This topic has 4 replies, 3 voices, and was last updated 9 years, 9 months ago by Amber.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 11, 2015 at 9:00 am #140468
    Kim Turcotte
    Member

    I am using the Lifestyle Pro theme and want to move the header and the primary navigation bar above/outside the site container and not sure how to make that happen. Any help would be greatly appreciated.

    The reason I want to do this is so that I can extend the nav bar background the full width of the screen regardless of screen size. I was able to do it with the footer, but no idea how to do it with the header and nav bar.

    Here is the site link:

    Thanks in advance for your help!!
    Kim

    http://www.goddesslifestyleplan.com/magic/
    February 11, 2015 at 1:30 pm #140502
    DTHkelly
    Member

    Some reference:
    http://www.carriedils.com/customize-genesis-move-header/

    Reposition Navigation:

    Navigation Menus

    Are you using the Genesis Visual Hook Guide to locate hooks that are edge-to-edge?

    Genesis Visual Hook Guide

    Genesis Visual Hook Guide

    February 13, 2015 at 10:20 am #140709
    Kim Turcotte
    Member

    Thank you so much! This was really super helpful!

    I am 90% where I need the site to be, just two more questions I am hoping someone can help with.

    1st - I would like the navigation buttons to align right instead of left. I have tried everything I can think of and just can't get it to happen. The closest I got moved the tabs to the right, but the background disappeared.

    2nd - I added a widget under the nav bar on the home page and on the internal pages. I want the background on both of them to extend full width. They appear to be coded the exact same way except the name of the widget and the background on the home page isn't showing, just the internal page. If someone would be willing to take a look at my coding to see if they spot something I did wrong, i'd be grateful.

    Thanks in advance for your help!
    Kim

    February 13, 2015 at 10:50 am #140711
    Kim Turcotte
    Member

    Ok - so I fixed the navigation bar and all I need help with now is the widget I added to the home page so that the background extends full width.

    Thanks in advance for your help!

    Kim

    September 14, 2015 at 7:04 pm #165518
    Amber
    Member

    Hi Kim. How did you get the widget full width? I am trying for the same affect in metro pro?

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Move Primary Nav Outside the Site Container’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble