Title: Problems positioning header image
Last modified: August 20, 2016

---

# Problems positioning header image

 *  Resolved [Cockermouth](https://wordpress.org/support/users/cockermouth/)
 * (@cockermouth)
 * [15 years ago](https://wordpress.org/support/topic/problems-positioning-header-image/)
 * Hi,
    I’m trying to build a child theme from the TwentyTen theme and am having
   problems positioning my header image. My idea is to use a really long image so
   it spans the width of the page, but it seems to be aligning itself to the right.
 * You can see the problem here (The pink colour is the page background colour):
   [http://www.hamstertoybox.com](http://www.hamstertoybox.com).
 * My header CSS is here: [http://pastebin.com/ue947pJn](http://pastebin.com/ue947pJn)
 * And here is the part of functions.php I have edited to change the header: [http://pastebin.com/RzNy3MMs](http://pastebin.com/RzNy3MMs)
 * I’m sure there’s a simple answer to this but I’ve been playing with it for hours
   and have yet to solve this issue. Apologies if this has been asked before, I 
   searched but the only threads I could find were for older WP versions and the
   solutions didn’t work for me. Thanks for any help you can give me!

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

 *  [CyberAlien](https://wordpress.org/support/users/cyberalien/)
 * (@cyberalien)
 * [15 years ago](https://wordpress.org/support/topic/problems-positioning-header-image/#post-2109400)
 * Remove that <img> tag and add this to css:
 *     ```
       #masthead {
        background: url("/wp-content/uploads/2011/05/header-bg2.jpg") no-repeat scroll 50% 50% transparent;
           min-height: 226px;
       }
       ```
   
 * If your want your menu to be below header image, change min-height in that code
   to padding-top
 *  [Abinav Thakuri](https://wordpress.org/support/users/abinav/)
 * (@abinav)
 * [15 years ago](https://wordpress.org/support/topic/problems-positioning-header-image/#post-2109402)
 * Add this line of code to your css..
    `#branding {float:left; }` This should work
   for you 🙂
 *  [CyberAlien](https://wordpress.org/support/users/cyberalien/)
 * (@cyberalien)
 * [15 years ago](https://wordpress.org/support/topic/problems-positioning-header-image/#post-2109404)
 * That will force horizontal scrollbar when browser width is lower than 1700px 
   and won’t make logo centered.
 *  Thread Starter [Cockermouth](https://wordpress.org/support/users/cockermouth/)
 * (@cockermouth)
 * [14 years, 12 months ago](https://wordpress.org/support/topic/problems-positioning-header-image/#post-2109588)
 * Thanks a lot, with a bit of tweaking it worked 🙂

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

The topic ‘Problems positioning header image’ is closed to new replies.

## Tags

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

 * 4 replies
 * 3 participants
 * Last reply from: [Cockermouth](https://wordpress.org/support/users/cockermouth/)
 * Last activity: [14 years, 12 months ago](https://wordpress.org/support/topic/problems-positioning-header-image/#post-2109588)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics