Reduce footer padding/blank space

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

Hi there,

I am having a lot of trouble trying to reduce the footer padding(?) at the bottom of each page on our site. I can't select this as a section, but we would love to get rid of this blank space.

The site is https://www.zerowastedesignonline.com/

I would share a screenshot but the blank section is so large that it takes up the whole screen - if you scroll to the bottom of any page you should see what I mean. Thank you in advance!

Issue #2: There are also spacing issues on our mobile menu/navigation (image attached). We will be updating the colours to be more accessible but would love to get the spacing issue fixed. Thank you!

Hi. I don't see pink spacing like as screenshot. Did you fix this?

On 4/12/2021 at 9:17 AM, tuanphan said:

Hi. I don't see pink spacing like as screenshot. Did you fix this?

Hello @tuanphan - I can still see the pink spacing on mobile unfortunately.

And the white space on desktop is still visible at the bottom of all pages.

Thanks for your help!

On 4/20/2021 at 6:09 PM, ZWDO said:

Hello @tuanphan - I can still see the pink spacing on mobile unfortunately.

And the white space on desktop is still visible at the bottom of all pages.

Thanks for your help!

Add to Design > Custom CSS

/* Overlay pink spacing */
div.header-menu-nav-item {
    padding-bottom: 5px !important;
}
/* remove white spacing */
@media screen and (max-width:767px) {
main#page {
    padding-bottom: 0 !important;
}
}

Hi @tuanphan - thank you! That has fixed the pink spacing however the blank white space at the bottom of all pages is still there.

On 4/22/2021 at 4:29 PM, ZWDO said:

Hi @tuanphan - thank you! That has fixed the pink spacing however the blank white space at the bottom of all pages is still there.

Add this to Design > Custom CSS

main#page {
    padding-bottom: 0 !important;
}

Thank you, this has worked!