Fixed/Overlapping Footer in 7.1

Hi, 

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

John

Can you share link to your site?

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

Thanks

John

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

Thanks

John

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;
}

@tuanphan Thanks once again 🙂

@tuanphan

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?

and

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"

Add to Home > Design > custom CSS

footer.sections section {
    min-height: unset !important;
}
footer.sections .content-wrapper {
    padding-top: 2vw !important;
    padding-bottom: 2vw !important;
}

👏 @tuanphan👏

On 7/23/2020 at 2:12 PM, thegluefactory said:

👏 @tuanphan👏

above code didn't work?