Remove space under header

  • On all pages there’s a huge gap between the header and the cover image or the header and the page title. How do I change how big that space is?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi @xylin,

    Go to Appearance → Customize → Additional CSS (the menu labels might be different in your language) and add the code below:

    #site-header {
    margin-bottom: 5rem;
}

@media ( min-width: 700px ) {
#site-header {
    margin-bottom: 7rem;
}
}

    Change “5rem” to reduce the margin on mobile, and “7rem” to reduce it on desktop. Let me know if that does it.

    — Anders

    Thread Starter xylin

    (@xylin)

    Thanks Anders! It worked but there’s still a big space the front page under the header, more so than the other pages. Is there a way to minimize that as well?

    Hi,

    I’m having the same issue with the big space between header and content. I added this in my child theme css file:

    #post-inner {
    margin-top:-100px;
}

    Is that OK? For some reason I don’t like high negative values for margins, it feels kind of inappropriate and unprofessional…

    Rob

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Remove space under header’ is closed to new replies.