Can’t get rid of the header gap

  • Resolved aloco3

    (@aloco3)


    3 years, 3 months ago

    Hello, I have been searching for the answer for few days, but I have found nothing that works, not even a bit.
    I can’t get rid of the space gap between the header and the content.. I’m trying to remove the gap so the site logo basically touches the image below it (it is cropped properly), but there is white gap I can’t get rid off.
    If there are any work-arounds or suggestions please share, that would be very much appreciated.
    Thanks!

    The page I need help with: [log in to see the link]

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

  • Hi @aloco3!

    Thanks for choosing Neve!

    That white space below the logo is the header itself. The logo image doesn’t occupy the entire height of the header as its height is smaller than the one of the header, so there will remain a space above and below that image. It’s possible to remove that space below the logo by decreasing the header height, but this depends on the screen size. You could add the code below in the Additional CSS section within the Customizer to decrease the header height, but as I mentioned, that space will still be visible in some cases, depending on the screen size.

    .header {
    height: 87px !important;
}

    Have a nice day!

    Thread Starter aloco3

    (@aloco3)

    Hey, thanks for the reply, much appreciated. I have tried to increase the logo in size (100% and so on) but the gap is still there, so I don’t think that the logo is smaller then the header itself.
    The custom CSS worked, thank you! The only problem is that mobile version now has that big gap. Is there a way for the given CSS code to effect only desktop version of the site?
    Thanks!

    Hi @aloco3!

    Sure, it’s possible to target only desktop devices. You should replace the code previously provided with the one below.

    @media(min-width: 1200px){
.header {
    height: 87px !important;
}
}

    It would be great if you could mark this thread as resolved!

    Thank you and have a great day!

    Thread Starter aloco3

    (@aloco3)

    Hi, that works!
    Thank you for your help, much appreciated!

    Wonderful, I’m glad I could help!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Can’t get rid of the header gap’ is closed to new replies.