Title: 1440px Header
Last modified: August 21, 2016

---

# 1440px Header

 *  Resolved [KarolinasBR](https://wordpress.org/support/users/karolinasbr/)
 * (@karolinasbr)
 * [12 years ago](https://wordpress.org/support/topic/1440px-header/)
 * Hi!
    I would like to ask if it is possible to change the custom header’s width
   from 1050px to 1440px. I tried editing the style.css sheet, but despite changing
   all header variables from width: 1050px to width: 1440px, it still remains the
   same. Do you know what I’m doing wrong?

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

 *  [Roxee Cruz](https://wordpress.org/support/users/roxeecruz/)
 * (@roxeecruz)
 * [12 years ago](https://wordpress.org/support/topic/1440px-header/#post-4967921)
 * what is the link to your website?
 *  Thread Starter [KarolinasBR](https://wordpress.org/support/users/karolinasbr/)
 * (@karolinasbr)
 * [12 years ago](https://wordpress.org/support/topic/1440px-header/#post-4967933)
 * It’s [http://bookshelfreflections.com](http://bookshelfreflections.com)
 * I put the settings back to 1050px because it looked awfully disarranged when 
   set to 1440px. Any help would be greatly appreciated. 🙂
 *  [Roxee Cruz](https://wordpress.org/support/users/roxeecruz/)
 * (@roxeecruz)
 * [12 years ago](https://wordpress.org/support/topic/1440px-header/#post-4967944)
 * Hi Karolina, thanks for providing the link.
 * I took a look at the source code and CSS stylesheets on your site, here is how
   your theme is setup:
 *     ```
       - #nav
       - #warp
         - #header
         - #inner
           - #content
           - #sidebar
       - #footer
       ```
   
 * First you have a #nav div, then below a #wrap div. Inside the #wrap you have 
   the #header, an #inner div and #footer div.
 * This is important because, in order to make the #header extent to the width of
   1440px, the #wrap that surrounds it needs to be extended as well. Right now its
   set to 1050px, you will need to change it to 1440px.
 * However once you make the change to the #wrap, its going to cause problems with
   some of the other elements, in particular the #content and #sidebar, whose widths
   are set to equal 1000px (#content 750px + #sidebar 250px). So you will need to
   change the widths of these elements also, so that they equal 1440px or a little
   less, depending on the margin and padding that is already in place.
 * Here is what I would do:
 * I would start by either creating a child theme or making a backup copy of your
   style.css – that way you can make your edits without harming any of your themes
   code.
 * Then I would modify the width of the #wrap, #header, #inner and #footer to 1440px.
 * Then finally modify the width of #content to 970px and the width of #sidebar 
   to 400px.
 * Like so:
 *     ```
       #wrap,
       #header,
       #inner,
       #footer {
         width:1440px;
       }
       #content {
         width:970px;
       }
       #sidebar {
         width:400px;
       }
       ```
   
 * Hope that helps 🙂
 *  Thread Starter [KarolinasBR](https://wordpress.org/support/users/karolinasbr/)
 * (@karolinasbr)
 * [12 years ago](https://wordpress.org/support/topic/1440px-header/#post-4967960)
 * Hi!
 * Thank you for your response.
 * Even after changing the settings as you suggested, the displayed image (which
   I import from photobucket since wordpress doesn’t permit the upload of headers
   larger than 1050 in width) will not appear at the set dimension of 1440px, but
   is being shrunk to 1050px width. Any idea what I could be doing wrong?
 *  [Roxee Cruz](https://wordpress.org/support/users/roxeecruz/)
 * (@roxeecruz)
 * [12 years ago](https://wordpress.org/support/topic/1440px-header/#post-4967967)
 * I took a closer look at your css and I noticed that the width of 1050px is also
   set on the header image title area.
 * Try this code, in conjunction with the previous code and see if it helps.
 *     ```
       .header-image #title-area,
       .header-image #title,
       .header-image #title a {
         width:1440px;
       }
       ```
   
 *  Thread Starter [KarolinasBR](https://wordpress.org/support/users/karolinasbr/)
 * (@karolinasbr)
 * [12 years ago](https://wordpress.org/support/topic/1440px-header/#post-4967968)
 * I’m still getting the same result: [http://i1052.photobucket.com/albums/s455/KcZamana/ScreenShot2014-06-02at164943.png](http://i1052.photobucket.com/albums/s455/KcZamana/ScreenShot2014-06-02at164943.png)
 *  [Roxee Cruz](https://wordpress.org/support/users/roxeecruz/)
 * (@roxeecruz)
 * [12 years ago](https://wordpress.org/support/topic/1440px-header/#post-4967970)
 * It could be that the new CSS code is not overriding the old CSS code. Try placing
   this code at the bottom of your stylesheet and see if it helps.
 *     ```
       #wrap,
       #header,
       #inner,
       #footer {
         width:1440px;
       }
       #content {
         width:970px;
       }
       #sidebar {
         width:400px;
       }
       .header-image #title-area,
       .header-image #title,
       .header-image #title a {
         width:1440px;
       }
       ```
   
 *  Thread Starter [KarolinasBR](https://wordpress.org/support/users/karolinasbr/)
 * (@karolinasbr)
 * [12 years ago](https://wordpress.org/support/topic/1440px-header/#post-4967971)
 * Still no change.
 * Maybe this will help? I appreciate you helping me.
 * > * Header
   > ———————————————————— */
   > #header {
   >  background: url([http://i1052.photobucket.com/albums/s455/KcZamana/HeaderBig.jpg](http://i1052.photobucket.com/albums/s455/KcZamana/HeaderBig.jpg))
   > no-repeat;
   >  height: 300px;
   >  width: 1440px;
   > }
 * >  /* Image Header – Partial Width
   > ———————————————————— */
   > .header-image #title-area,
   > .header-image #title,
   > .header-image #title a {
   >  display: block;
   >  float: center;
   >  height: 300px;
   >  overflow: hidden;
   >  padding: 0;
   >  text-indent: -9999px;
   >  width: 1440px;
   > }
   > .header-image #description {
   >  display: block;
   >  overflow: hidden;
   > }
   > /* Image Header – Full Width
   > ———————————————————— */
   > .header-full-width #title-area,
   > .header-full-width #title,
   > .header-full-width #title a {
   >  width: 1440px;
   >  align: center;
   > }
 *  [Roxee Cruz](https://wordpress.org/support/users/roxeecruz/)
 * (@roxeecruz)
 * [12 years ago](https://wordpress.org/support/topic/1440px-header/#post-4967972)
 * I don’t see any problems in your code. The only thing that pops out at me is 
   the #header background image, when I view it directly it says the size is 1024
   ×213.
 * Have you tried it with am image that is the actual size 1440×300?
 *  Thread Starter [KarolinasBR](https://wordpress.org/support/users/karolinasbr/)
 * (@karolinasbr)
 * [12 years ago](https://wordpress.org/support/topic/1440px-header/#post-4967973)
 * I uploaded another image with the size 1440×300 and it still is being displayed
   just the same. :/
 *  Thread Starter [KarolinasBR](https://wordpress.org/support/users/karolinasbr/)
 * (@karolinasbr)
 * [12 years ago](https://wordpress.org/support/topic/1440px-header/#post-4967974)
 * Figured it out! I hadn’t changed the functions.php. It’s working now 🙂
 *  [Roxee Cruz](https://wordpress.org/support/users/roxeecruz/)
 * (@roxeecruz)
 * [12 years ago](https://wordpress.org/support/topic/1440px-header/#post-4967975)
 * Yes, I can see, that’s awesome. I’m so happy, you got it working 🙂

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

The topic ‘1440px Header’ is closed to new replies.

## Tags

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

 * 12 replies
 * 2 participants
 * Last reply from: [Roxee Cruz](https://wordpress.org/support/users/roxeecruz/)
 * Last activity: [12 years ago](https://wordpress.org/support/topic/1440px-header/#post-4967975)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics