Mandigo — header gap?

  • Resolved applebeef

    (@applebeef)


    15 years, 7 months ago

    Hello! I’ve just upgraded the Mandigo theme to the latest version and this is one of the last ‘tweaks’ I need, but it’s a big one.

    Site: https://www.wetacollectors.com/

    How do I get my header image to move all the way up to the top of the page? I want no gap between the header image and the browser window.

    I had it tweaked just that way in the older version, but I can’t for the life of me figure out how to do it here. The top margin is already set to 0px for headerimg:

    “#headerimg {
    position: relative;
    left: 13px;
    top: 0px;
    z-index: 100;
    } “

    Barring that, I’m all out of ideas. Please help! If you need me to post the css or what have you, let me know.

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

  • well, look at the size of you header image (961*200px) and then look at the size of your div:

    #headerimg {
	height: 226px;
	width: 961px;
	background: url(https://www.wetacollectors.com/wp-content/themes/mandigo/schemes/song/images/head-1024.jpg) bottom center no-repeat;
}

    a leave this for you to figure out ??

    Thread Starter applebeef

    (@applebeef)

    YES! thanks so much. I finally found it

    Thread Starter applebeef

    (@applebeef)

    Now can anyone offer some advice in getting rid of the “gap” between the header and the content?

    I would like to line it up pretty close instead of having that space there.

    guess where?
    look at #header { height: 243px; }
    got any ideas?

    Thread Starter applebeef

    (@applebeef)

    Thanks again, spot on!

    I’m quite bad with this CSS stuff.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Mandigo — header gap?’ is closed to new replies.