Move Primary Nav Outside the Site Container

[Kim Turcotte]

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/

[DTHkelly]

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

[Kim Turcotte]

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

[Kim Turcotte]

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

[Amber]

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

[Author]

Posts