Removing whitespace/padding from my mobile view

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

My mobile view has a lot of white space above and below items. I have adjusted the padding in site settings, but then it is too small for website view. I need a custom code that I can target at specific blocks to remove this extra space that is showing up on the top and bottom of items. Any ideas?

Can you share access password?

@tuanphan password is : lee

9 hours ago, Madisonlee said:

@tuanphan password is : lee

Which block? Can you take a screenshot?

On 7/7/2020 at 5:11 AM, tuanphan said:

Which block? Can you take a screenshot?

@tuanphansee the attached screenshots, I just feel like every page has far too much spacing. I also really want to reduce the amount of space my footer has on mobile.

Try adding this to Home > Design > Custom CSS

@media screen and (max-width:640px) {
.spacer-block {
    display: none !important;
}
}

On 7/15/2020 at 10:52 AM, tuanphan said:

@media screen and (max-width:640px) { .spacer-block { display: none !important; } }

@tuanphan It messed with the banners rather than the content itself. Any other thoughts?