White Space at top of page on mobile

Hi John,

The space at the top of your site is set through these 2 settings in Appearance > Customize > Layout > Container: https://share.getcloudapp.com/YEurzqK4

The Content Padding can be set uniquely for the mobile view through clicking the mobile icon at the right side of the setting.

For the top space generated by the Separating space, if you want to remove it from mobile only, you can try adding this CSS in Appearance > Customize > Additional CSS:

@media (max-width: 768px) {
    main#main {
        margin-top: 0;
    }
}

If you want to remove it for all displays, you can simply make the Separating Space 0 in the customizer.

Hope this clarifies/ :)

That worked perfectly. Thank you, Fernando!

You’re welcome John! Glad to be of assistance! Feel free to reach out anytime you’ll need assistance with anything else. :)