Remove white space below header (yet again)

  • padieg

    (@padieg)


    10 years ago

    Hello all!

    I know this has been asked a million times, but it still doesn’t work for me.

    The site I am creating with Make is this: https://www.martinmacgibbon.com.

    I added this code in the style.css file of the child theme:

    section#builder-section-1421638911077 {
margin-bottom: 0;
}

.home article#post-26 {
margin-bottom: -51px;
}
.site-content {
padding: 0;
}

    as suggested in one of the previous similar questions I’ve found in the forum. But it seems to work for a brief moment when the site loads, a small white space is shown, but after a fraction of a second the space is big again.

    Thanks for your help!

    Diego

Viewing 4 replies - 1 through 4 (of 4 total)
  • Melissa

    (@emdashing)

    Hi Diego,

    If you have Make 1.5.1 installed you can now check a box to remove this.

    You’ll find it in the Customizer under Layout → Header.

    Good luck with your site build!

    Thread Starter padieg

    (@padieg)

    Hi Melissa,

    Thank you for the reply! Yes, I tried that option, but the problem remains. I think it has something to do with the slider in the front page (I use the built-in in the theme slider option), as it seems to be the one that has that big space.

    I will keep investigating how to solve it. The internal pages with sliders work fine. So maybe it is something about the size of the photos in the home page.

    Diego

    Hi Diego
    I’ve been wanting to do this too! I found this piece of code somewhere in the forum and it works for my site. I just added it to my style.css file. Hope it works for you ??

    #site-header .site-header-main {
    padding: 4.4rem 0 0rem;
    }

    #site-navigation .nav-menu {
    margin-bottom: 0;
    }

    .site-header-main .site-branding .site-title {
    margin-bottom: 0;
    }

    Thread Starter padieg

    (@padieg)

    Hi K9Heaven,

    Thank you so much for the message! It worked perfectly, but I figured out that the problem in my website is because of the aspect ratio of the photos in the sliders. As there are mixed images with Landscape and Portrait format, the formers ones create a white gap below the header.

    But your code helped me to reduce the white on top and below the header anyway. Thanks!!

    Diego

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Remove white space below header (yet again)’ is closed to new replies.