CSS to remove large space

Site URL: http://blackflowers.online

Hi there,

The web version of the site is exactly how I want it but when looking at the mobile view I have a massive gap between the header/menu and the body of the page. I cannot find anything to resolve this, I have no rogue spacers either.

is there some CSS coding I can use? Thanks in advance.

Add to Design > custom CSS

/* first section mobile */
@media screen and (max-width:767px) {
body.homepage #page section:first-child {
    min-height: 70vh;
}
}

Hello,

Thank you for taking the time to get back to me.

That works to a point, it pulls the content up but leaves a white space at the bottom. I have set my background as an image and then the colour behind that is black so not sure where the white has come from.