Title: Header navigation to span full width
Last modified: August 24, 2016

---

# Header navigation to span full width

 *  Resolved [Rebecca.Jennings](https://wordpress.org/support/users/rebeccajennings/)
 * (@rebeccajennings)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/header-navigation-to-span-full-width/)
 * Hi,
 * I was wondering if anyone could help me figure out why my navigation isn’t spanning
   the full width of the allocated area? If anyone knows how to fix this, your help
   would be greatly appreciated!
 * Link to site:
    [http://axax1678.staging-cloud.netregistry.net/home/](http://axax1678.staging-cloud.netregistry.net/home/)

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

 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/header-navigation-to-span-full-width/#post-6036838)
 * In short, because it’s quite difficult to code a website to do that – because
   it depends on how many menu items you have and what size browser window is viewing
   the site.
 *  Thread Starter [Rebecca.Jennings](https://wordpress.org/support/users/rebeccajennings/)
 * (@rebeccajennings)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/header-navigation-to-span-full-width/#post-6036839)
 * Damn. Do you have any solutions/tips to making it look less obvious than it is
   now? I only have 6 menu items.
 * Thanks!
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/header-navigation-to-span-full-width/#post-6036846)
 * Not sure this improves it, but find this part in your custom CSS – change that
   second padding number to 1.5em – see how it looks/works to you:
 *     ```
       ul#main-nav li a {
           min-width: 100px;
           padding: 0.5em 1.5em;
       }
       ```
   
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/header-navigation-to-span-full-width/#post-6036847)
 * Oops, sorry, that’s not what is there – leave out that first line – it should
   be:
 *     ```
       ul#main-nav li a {
           padding: 0.5em 1.5em;
       }
       ```
   
 *  Thread Starter [Rebecca.Jennings](https://wordpress.org/support/users/rebeccajennings/)
 * (@rebeccajennings)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/header-navigation-to-span-full-width/#post-6036855)
 * It worked! Thank you! I pushed it to 3em and now it sits nicely.
    Thanks for 
   your prompt help!!

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

The topic ‘Header navigation to span full width’ is closed to new replies.

## Tags

 * [extra space](https://wordpress.org/support/topic-tag/extra-space/)
 * [navigation](https://wordpress.org/support/topic-tag/navigation/)

 * 5 replies
 * 2 participants
 * Last reply from: [Rebecca.Jennings](https://wordpress.org/support/users/rebeccajennings/)
 * Last activity: [11 years, 1 month ago](https://wordpress.org/support/topic/header-navigation-to-span-full-width/#post-6036855)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics