Big Gaps in page sections on mobile

[jamie2364]

Hey,

My site is jamieharrisonmusic.com

When I use it on mobile, there is large gaps above each page section. These are acceptable on desktop (maybe a tad bit too big), but on mobile it looks very sloppy. Can you tell me how to make the gaps smaller? For reference, see uploaded image, above the word 'music.

Thanks
Jamie

[thai]

Hi There,

Please add this custom CSS under Customizer > Custom > Global CSS:

@media (max-width: 767px){
    .home h2.h-custom-headline {
        margin-top: 0;
    }
}

Let us know how it goes!

[jamie2364]

Hey that seemed to work, but didn’t make a huge difference. Is there a way to make it even smaller?

Thanks
J

[jade]

Hi there,

Please hide the column that is on the left and right of the minimal sessions on mobile.

You can do this by clicking on the Column > Customize > Hide During Breakpoints.

Hope this helps.