Title: Full Width Navbar
Last modified: August 20, 2016

---

# Full Width Navbar

 *  [teckn1caLity](https://wordpress.org/support/users/teckn1cality/)
 * (@teckn1cality)
 * [14 years ago](https://wordpress.org/support/topic/full-width-navbar/)
 * Currently my navbar is the length of my container, which it should be. How would
   I go about making my navbar stretch the width of my screen but not cause a bottom
   scrollbar? Any help is appreciated.

Viewing 8 replies - 1 through 8 (of 8 total)

 *  [KrashKartMedia](https://wordpress.org/support/users/krashkartmedia/)
 * (@krashkartmedia)
 * [14 years ago](https://wordpress.org/support/topic/full-width-navbar/#post-2759002)
 * if you provide a link to the page in question, we can help.
 *  Thread Starter [teckn1caLity](https://wordpress.org/support/users/teckn1cality/)
 * (@teckn1cality)
 * [14 years ago](https://wordpress.org/support/topic/full-width-navbar/#post-2759016)
 * [HERE](http://www.selecterz.com/)
 * It’s a music site im building for a friend.
 * I’m trying to get the navbar to stretch entirely across the page instead of just
   the container.
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [14 years ago](https://wordpress.org/support/topic/full-width-navbar/#post-2759077)
 * You’d have to restructure the layout of the top section of the page (so that 
   it is not inside the wrapper (=container) div). Would you also want the header
   section above the navbar to be full width?
 *  Thread Starter [teckn1caLity](https://wordpress.org/support/users/teckn1cality/)
 * (@teckn1cality)
 * [14 years ago](https://wordpress.org/support/topic/full-width-navbar/#post-2759078)
 * Yes, If im able to put both the header and nav bar full width that would be great.
   How would I go about restructuring it? I know it needs to be seperate to the 
   container but what would be the most efficient way of doing it. Also, how are
   you liking the design thus far? Check author pages, features page, post pages
   etc.
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [14 years ago](https://wordpress.org/support/topic/full-width-navbar/#post-2759083)
 * That appears to be a custom site, so I’m not sure what the header.php code looks
   like, but basically, you want to start the wrapper div below the nav div… that
   moves them both outside the wrapper — then they should be as wide as the body(
   full width).
 * But you should also deal with a bunch of HTML mark-up errors … as some of them
   are likely to be problematic, at least in some browsers.
 * [http://validator.w3.org/check?uri=http%3A%2F%2Fwww.selecterz.com%2F2012%2F05%2Ffreank-oceans-reality%2F&charset=%28detect+automatically%29&doctype=Inline&group=0](http://validator.w3.org/check?uri=http%3A%2F%2Fwww.selecterz.com%2F2012%2F05%2Ffreank-oceans-reality%2F&charset=%28detect+automatically%29&doctype=Inline&group=0)
 *  Thread Starter [teckn1caLity](https://wordpress.org/support/users/teckn1cality/)
 * (@teckn1cality)
 * [14 years ago](https://wordpress.org/support/topic/full-width-navbar/#post-2759086)
 * Yeah im gonna look into those errors. Is 31 errors a lot?
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [14 years ago](https://wordpress.org/support/topic/full-width-navbar/#post-2759087)
 * Yes, it’s quite a few. But sometimes an error can cause additional errors later
   on the page — kind of a domino effect. And some errors and not really a problem
   in terms of functionality — though ideally, you won’t have any.
 * I looked through yours briefly and they look fairly easy to fix — un-closed tags,
   a lot that are because you have more than one instance of the same #ID on a page(
   can’t do that per html rules), missing alt attributes, improperly coded lists…
 *  Thread Starter [teckn1caLity](https://wordpress.org/support/users/teckn1cality/)
 * (@teckn1cality)
 * [14 years ago](https://wordpress.org/support/topic/full-width-navbar/#post-2759096)
 * Alright thanks. I got the header and nav how I want it now. I’ll get to fixing
   those errors when I have the time.

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Full Width Navbar’ is closed to new replies.

 * 8 replies
 * 3 participants
 * Last reply from: [teckn1caLity](https://wordpress.org/support/users/teckn1cality/)
 * Last activity: [14 years ago](https://wordpress.org/support/topic/full-width-navbar/#post-2759096)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics