Fixing Footer

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/

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.

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.

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

On 8/8/2021 at 4:02 AM, tuanphan said:

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

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

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

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

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

On 1/19/2022 at 9:23 AM, tuanphan said:

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

It works now! thanks 🙂 

Is it possible to have the Footer fixed only on Scroll Back?

As in you won't see the footer until you reach the bottom of the page but once you start scrolling back up it stays in the fixed position?

On 5/29/2024 at 6:19 AM, SomeShapeStudio said:

Is it possible to have the Footer fixed only on Scroll Back?

As in you won't see the footer until you reach the bottom of the page but once you start scrolling back up it stays in the fixed position?

 

Can you share site url?

Yes, here is the site: I am still developing it so you'll need to use the password "cleancleanclean" to get access. 

https://orchid-celery-kcy2.squarespace.com/

I currently have added custom css to make the footer transparent and fixed but I would like it to function like it does on this site:

https://verner.co/pages/shop

- so that the footer is visible but when you scroll down it disappears and then it reappears on scroll back up.

You can add a Sticky Footer // Fixed Footer with SquareKicker with just one click. 

This is a premium SquareKicker Feature