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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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
On 8/6/2021 at 11:29 PM, Caio said:

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

colirio..PNG

On Mobile, you want both on same line, or keep stacked?

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 weeks later...
On 8/21/2021 at 10:07 AM, Caio said:

I want both on same line. I don't know how to fix this until now...

Did you remove the email? I see icons on mobile only

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.