Title: Header different width than content below
Last modified: August 31, 2016

---

# Header different width than content below

 *  Resolved [Tim Magee](https://wordpress.org/support/users/tim-magee/)
 * (@tim-magee)
 * [10 years, 2 months ago](https://wordpress.org/support/topic/header-different-width-than-content-below/)
 * Good afternoon,
 * I’m in the final stages of a Make Theme website before going live.
 * I have a background image in the header area – which serves as the header (750
   x 120).
 * It isn’t the same width as the content below and I’ve tried everything (re-sizing
   images etc.). It hangs over about 20% to the left side.
 * Here is the website that I am moving to WordPress so you can see what I am hoping
   to get:
    [http://www.timmagee.net/](http://www.timmagee.net/)
 * You can see that it is equal in width to the content below.
 * Any suggestions?
 * Thanks in advance!
 * Sincerely,
 * Tim Magee

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

 *  [Melissa](https://wordpress.org/support/users/emdashing/)
 * (@emdashing)
 * [10 years, 2 months ago](https://wordpress.org/support/topic/header-different-width-than-content-below/#post-6968739)
 * Hi Tim,
 * I’m having a hard time imagining what’s going on. You’d have better luck getting
   help with this if you can post the URL to the WordPress site. Is that possible?
 *  Thread Starter [Tim Magee](https://wordpress.org/support/users/tim-magee/)
 * (@tim-magee)
 * [10 years, 2 months ago](https://wordpress.org/support/topic/header-different-width-than-content-below/#post-6968825)
 * Hi Melissa,
 * Thank you for responding.
 * The site wasn’t live last week when you wrote – but is now here:
    [http://timmagee.net/](http://timmagee.net/)
 * I just moved it from Squarespace where the header lined up with the content below–
   and I just can’t figure out how to do it in Make.
 * You can see that the header area sticks out an inch or so to the left of the 
   border of the content below.
 * FYI, this is a background image in the header area.
 * Any ideas how I can line up the left-hand borders?
 * Thanks Again!
 * Sincerely,
 * Tim Magee
 *  [Melissa](https://wordpress.org/support/users/emdashing/)
 * (@emdashing)
 * [10 years, 2 months ago](https://wordpress.org/support/topic/header-different-width-than-content-below/#post-6968827)
 * Hi Tim,
 * Instead of setting that image as a background, I’d consider setting it as a logo.
   Or just using the thumbnail photo of yourself as the logo, and using the site
   title and tagline features to display the text. I think you’d get a lot more 
   mileage out of the design that way.
 * To reposition the background image will be tricky and have implications on smaller
   screens.
 *  Thread Starter [Tim Magee](https://wordpress.org/support/users/tim-magee/)
 * (@tim-magee)
 * [10 years, 2 months ago](https://wordpress.org/support/topic/header-different-width-than-content-below/#post-6968832)
 * Hi Melissa,
 * Wow. Thank you for your suggestion and for prodding me along.
 * I hopped right on your suggestion. Hop may be an overstatement.
 * Took a couple of hours – but I finally found an old thread with this code:
    [https://wordpress.org/support/topic/title-next-to-logo?replies=6](https://wordpress.org/support/topic/title-next-to-logo?replies=6)
 * [@media](https://wordpress.org/support/users/media/) screen and (min-width: 800px){
   .
   site-branding { max-width: 720px; } .custom-logo { float: left; margin-right:
   20px; } .site-title { clear: right; float: left; position: relative; top: 8px;}.
   site-description { float: left; position: relative; top: 5px; } } Now, if I could
   figure out how to pull the header bar down so there isn’t that big space above
   the header!
 * [http://timmagee.net/](http://timmagee.net/)
 * Thanks again!
 * Sincerely,
 * Tim
 *  [Melissa](https://wordpress.org/support/users/emdashing/)
 * (@emdashing)
 * [10 years, 2 months ago](https://wordpress.org/support/topic/header-different-width-than-content-below/#post-6968834)
 * Hi Tim,
 * Looks great!
 * Try something like this for the header bar spacing:
 *     ```
       .site-header-main { padding-top: 10px; }
       ```
   
 * Good luck!
 *  Thread Starter [Tim Magee](https://wordpress.org/support/users/tim-magee/)
 * (@tim-magee)
 * [10 years, 2 months ago](https://wordpress.org/support/topic/header-different-width-than-content-below/#post-6968835)
 * Thank you Melissa

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

The topic ‘Header different width than content below’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/make/1.10.9/screenshot.jpg)
 * Make
 * [Support Threads](https://wordpress.org/support/theme/make/)
 * [Active Topics](https://wordpress.org/support/theme/make/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/make/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/make/reviews/)

## Tags

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

 * 6 replies
 * 2 participants
 * Last reply from: [Tim Magee](https://wordpress.org/support/users/tim-magee/)
 * Last activity: [10 years, 2 months ago](https://wordpress.org/support/topic/header-different-width-than-content-below/#post-6968835)
 * Status: resolved