Header image is off center

  • Author
  • #542940

    Hi there.

    I have a question about how to keep a custom header image centered or aligned with the page menu.

    I recently set up a new blog (http://departmentofpubliclife.wordpress.com/), Pilcrow theme + CSS Upgrade. I added a custom header and then manipulated the stylesheet to move the header image to the top of the blog. Problem is – on some computers the header image is off centre from the page menu, on others it’s fine. Not sure why this is.

    I suspect my technique to force the image up to the top, is part of the problem. If there’s a simpler way to keep the image up there than the method I’ve used, I’d love to know. I know I kind of ‘meatballed’ (as my friend likes to say) things to get the header image to work.

    Thanks so much people

    The blog I need help with is departmentofpubliclife.wordpress.com.



    Have you noticed this sticky post at the head of this forum?


    Hi thanks for the response, but I’m not sure I see anything specific in my problem in that sticky post.

    I’m not having a conversion problem, simply want to know how to keep my header at the top & aligned with the central column of the blog. It’s sliding all over the place now depending on which browser or computer I’m using.

    Any thoughts?



    The CSS is quite messy and there is quite a lot of stuff not needed, but the following should get you straightened out.

    Change #header in your CSS to this:

    #header {
    float: left;
    font-family: Helvetica Neue;
    height: 150px;
    width: 100%;

    Change #header img in your CSS to this:

    #header img {
    border-bottom: medium none;
    float: left;
    height: 88px;
    position: relative;
    top: -130px;
    width: 775px;


    Thread moved to CSS forum. -slik


    That did it. Thank you.

    I’m sure the CSS is a mess. I’ve just been learning and have been dumping in a fair bit, testing as I go. Maybe not the best technique.

    Also, I’ve noticed you’ve been a big help to many people on these forums. It’s a great thing. Appreciated by many.

    Best wishes.


    You’re welcome and glad to have been able to help.

The topic ‘Header image is off center’ is closed to new replies.