Jump to content

Reduce footer padding/blank space

Recommended Posts

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!

IMG_1984.PNG

Link to comment
  • Replies 6
  • Views 1.1k
  • Created
  • Last Reply
  • 2 weeks later...
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!

Link to comment
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;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.