Problems positioning header image

  • Resolved Cockermouth

    (@cockermouth)


    13 years, 9 months ago

    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): https://www.hamstertoybox.com.

    My header CSS is here: https://pastebin.com/ue947pJn

    And here is the part of functions.php I have edited to change the header: https://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)

  • 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

    Add this line of code to your css..
    #branding {float:left; }
    This should work for you ??

    That will force horizontal scrollbar when browser width is lower than 1700px and won’t make logo centered.

    Thread Starter Cockermouth

    (@cockermouth)

    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.