Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Fixed/Overlapping Footer in 7.1


jvalledy

Question

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

Link to post
  • Answers 8
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Can you share link to your site?

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

Add to Home > Design > custom CSS footer.sections section { min-height: unset !important; } footer.sections .content-wrapper { padding-top: 2vw !important; padding-bottom: 2vw !i

Posted Images

8 answers to this question

Recommended Posts

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

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- I came back. Will answer soon.

Link to post
  • 0

@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"

 

ss1.jpg

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...