Jump to content

Fixed/Overlapping Footer in 7.1

Recommended Posts


I was just wondering if anyone knows if it is possible to fix the footer to the bottom of the visible section of the page, for all pages. To clarify, I'm looking to have the footer behave just as the header does when you have it set to fixed position in the header style editor i.e. a fixed position on the page when scrolling. Hope this makes sense!

Any help with this would be much appreciated. 

Many thanks


Link to comment
  • Replies 8
  • Views 4.8k
  • Created
  • Last Reply
On 2/26/2020 at 12:40 AM, jvalledy said:

If it's of any help, I have just published my site - https://www.sonituslabs.com



Add to Home > Design > Custom CSS

footer#footer-sections {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
main#page {
    padding-bottom: 70px;


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
  • 4 months later...


Thanks for your advice, it's super helpful.

I do have a question though. I have done the above, but...

1. is it possible to make the footer transparent?


2. can the space between the footer text be adjusted? I would like the space to be equal above the header and below the footer.

I have attached the image that hopefully explains my situation!

My site is... https://pufferfish-grey-wl6y.squarespace.com/ and the password is "wip123"



Link to comment


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.