Jump to content

Fixing Footer

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: https://colirio.squarespace.com/

Hello guys!

I'm trying to fixing the footer like header but, I not getting. Can anyone help me pls? 

I'm used this code in CSS but it didn't work:

#footer-sections {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100px;
}  

When I put this code in CSS, my footer just disappear.

My website is: https://colirio.squarespace.com/

Edited by Caio
I had another question about the same subject
Link to comment
  • Solution
16 hours ago, Caio said:

Site URL: https://colirio.squarespace.com/

Hello guys!

I'm trying to fixing the footer like header but, I not getting. Can anyone help me pls? 

I'm used this code in CSS but it didn't work:

#footer-sections {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100px;
}  

When I put this code in CSS, my footer just disappear.

My website is: https://colirio.squarespace.com/

Add to Design > Custom CSS

/* Fixed footer */
footer#footer-sections {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

 

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
  • Caio changed the title to SOLVED - Fixing Footer
On 8/5/2021 at 5:10 AM, tuanphan said:

Add to Design > Custom CSS

/* Fixed footer */
footer#footer-sections {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

 

Tuanphan, how do I resize to mobile devices? It's to big when I open by mobile.

colirio..PNG

Link to comment
  • Caio changed the title to Fixing Footer
  • 2 weeks later...
  • 4 months later...
On 1/17/2022 at 8:40 PM, Simonhagstrom said:

Hi! 

I'm also trying to get my footer fixed and always visable, but these CSS codes doesn't work for me.. 

Here's my site: https://trumpet-pumpkin-rl4y.squarespace.com/

Password: hejhej

 

I want it to be just like https://colirio.squarespace.com/ Meaning the footer is fixed on all pages and always visable when scrolling etc. 

 

Thankful for any help! 

/Simon

It looks like you figured it out? I see footer is fixed now

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

Create an account or sign in to comment

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

×
×
  • 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.