Spacing Issue on Mobile Homepage

Site URL: https://www.motherofhundredsnyc.com/

Hi! 

The homepage of this site on mobile has a lot of space under the photo needing to scroll down to see the footer.  I have tried so many css fixes but nothing has worked yet. Thanks for any help in advance! 

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
footer#footer-sections {
    margin-top: 0;
}
}

Thanks for this! I had tried that from another one of your posts but it didn't work. Luckily when I put in;

@media screen and (max-width:767px) { 

#siteWrapper {

min-height: 0vh !important;

}

}

It seemed to work! 

Hello I have a similar problem but this code didn't work for me.

The padding for my home page is good, but the extra block of space on the mobile view is too much how to remove this block just for mobile view please? www.nafisi.design

17 hours ago, katepincott said:

Hello I have a similar problem but this code didn't work for me.

The padding for my home page is good, but the extra block of space on the mobile view is too much how to remove this block just for mobile view please? www.nafisi.design

Add to Home > Design > Custom CSS

/* remove spacer block - mobile */
@media screen and (max-width:767px) {
div#page-5b0b2c4870a6addca9c9732d .span-12>div:nth-child(-n+2) {
    display: none;
}
}

Thank you so much! You are a genius! It worked perfectly!