Header image is off center

  • Author
    Posts
  • #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.

    #543034

    timethief
    Member

    Have you noticed this sticky post at the head of this forum?
    https://en.forums.wordpress.com/topic/details-on-pressrow-replacement-pilcrow?replies=250

    #543324

    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?

    Thanks.

    #543325

    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;
    margin-bottom:0;
    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;
    }
    #543326

    sl1k
    Member

    Thread moved to CSS forum. -slik

    #543327

    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.

    #543328

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

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