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

---

# Full Width Header

 *  Resolved [jefflip](https://wordpress.org/support/users/jefflip/)
 * (@jefflip)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/full-width-header-1/)
 * Hi,
 * I’m trying to customize my first wordpress site and I’ve run into a problem I
   can’t seem to solve. Here’s a link to the site I’m working on [Lifecycle WordPress Test](http://www.awakenchurch.ca/JeffLip/Lifecycle/WP/Test/).
 * The theme I’m using can be found [here](http://alienwp.com/themes/origin/).
 * The issue I’m facing is that in the header.php file there is a style class called‘
   wrap’ that defines the max-width of all of the other style classes to be 940px.
 * What I’d like to do is have the header class ignore this max-width setting so
   that the background image I’ve set for the header would span across the top of
   the entire page.
 * I moved the wrap style class below the header class in the header.php file which
   worked until I installed a child theme so that I could customize the rest of 
   the theme. Now if I try and edit the header.php file in the original/parent theme
   I get an error.
 * Any suggestions/help would be much appreciated.
 * Thanks,
 * Jeff

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

 *  [Digital Raindrops](https://wordpress.org/support/users/adeptris/)
 * (@adeptris)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/full-width-header-1/#post-2629008)
 * The body has the speckled background, and wrap has the header image.
 * Just a suggestion, the header is wrapped inside the div container, set the header
   image as the container background image instead, and just repeat across.
 * You could remove the wrap image and set the background transparent!
 *     ```
       #container {
          background-image: url("images/irongrip.png");
          background-repeat:repeat-x;
       }
       #wrap {
          background: transparent;
       }
       ```
   
 * HTH
 * David
 *  Thread Starter [jefflip](https://wordpress.org/support/users/jefflip/)
 * (@jefflip)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/full-width-header-1/#post-2629017)
 * Thanks for the help.
 * Your trick of adding the background image to the container instead of the header
   works great.
 * Jeff
 *  [Digital Raindrops](https://wordpress.org/support/users/adeptris/)
 * (@adeptris)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/full-width-header-1/#post-2629018)
 * Great,
    Mark this as resolved please!
 * David
 *  [morgson2012](https://wordpress.org/support/users/morgson2012/)
 * (@morgson2012)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/full-width-header-1/#post-2629315)
 * Hi David
 * I have a similar question, but my skill level sub-cedes Jefflip!
 * I’ve been building my first WP site using Weaver II theme. All I want to achieve
   at this stage is a header/menu and footer area that goes the full width of the
   screen, regardless of resolution of the screen etc.
    eg: seekingalpha.com is 
   a perfect example.
 * I dont really understand most of the techy stuff you guys mentioned above im 
   afraid! Any comments would be gracefully received.
 * Is this easily achievable?
 * Morgson
 *  [Blount](https://wordpress.org/support/users/blount/)
 * (@blount)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/full-width-header-1/#post-2629370)
 * I need to remove the CC pic from behind my header and the extra space underneath.
   lcrprayer.com is the sight.
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/full-width-header-1/#post-2629371)
 * I’m sorry but as you are using a commercial theme, you need to seek support from
   the theme’s vendors.
    [http://themekraft.com/support/](http://themekraft.com/support/)
 * And next time, please post your own topic.
 *  [2dareis2do2](https://wordpress.org/support/users/2dareis2do2/)
 * (@2dareis2do2)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/full-width-header-1/#post-2629372)
 * I had a similar problem with trying to adjust the max-width on the weaver II 
   theme. Turns out it was a free theme that had abstracted alot of the styles so
   the were inline. Therefore proving difficult to override unless you bought a 
   licence to the full theme which included the styles in a stylesheet as you would
   expect.
 * Probably wasted about an hour figuring that out.

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

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

## Tags

 * [full-width](https://wordpress.org/support/topic-tag/full-width/)
 * [header](https://wordpress.org/support/topic-tag/header/)
 * [max-width](https://wordpress.org/support/topic-tag/max-width/)
 * [width](https://wordpress.org/support/topic-tag/width/)

 * 7 replies
 * 6 participants
 * Last reply from: [2dareis2do2](https://wordpress.org/support/users/2dareis2do2/)
 * Last activity: [13 years, 4 months ago](https://wordpress.org/support/topic/full-width-header-1/#post-2629372)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics