Primary Navigation Bar Full Width

[Kim Turcotte]

I am trying to get the primary navigation bar background show all the way across the page, regardless of how wide the page is. I moved the navigation bar and got the background to repeat to the right, but it won't repeat to the left.

I have no idea what the glitch is. If someone could take a look and let me know what I might be doing wrong, I would greatly appreciate it.

Here is the site link:

http://www.goddesslifestyleplan.com/magic/

[mmc05129]

I'm sorry I don't have a solution for you, but I think I can tell you why your navigation background graphic is extending to the right and not the left. You've got it set as the background for .genesis-nav-menu, and then the width is set to 2500 (obviously to accommodate the graphic). So, your graphic "begins" where the nav menu begins and then extends to the right.

Maybe you could move the nav to a full-width responsive widget? Maybe one of the widgets that people use for "call to action" banners where the background color extends as wide as the browser window. I don't know exactly how to accomplish this, but I'm sure it's doable.

Hope that gets you headed in the right direction...

Can someone more experienced chime in?

[Kim Turcotte]

Thanks - I see what you mean.

I think I need to move the primary navigation outside of the site container, but I am not sure how to do this. If anyone can help, it would be much appreciated.

[Author]

Posts