Caio Posted August 4, 2021 Share Posted August 4, 2021 (edited) 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 August 6, 2021 by Caio I had another question about the same subject Link to comment
Solution tuanphan Posted August 5, 2021 Solution Share Posted August 5, 2021 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; } Caio 1 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 Posted August 6, 2021 Author Share Posted August 6, 2021 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. Link to comment
tuanphan Posted August 8, 2021 Share Posted August 8, 2021 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? 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 Posted August 21, 2021 Author Share Posted August 21, 2021 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... Link to comment
tuanphan Posted August 22, 2021 Share Posted August 22, 2021 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Simonhagstrom Posted January 17, 2022 Share Posted January 17, 2022 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 Link to comment
tuanphan Posted January 19, 2022 Share Posted January 19, 2022 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
Simonhagstrom Posted January 20, 2022 Share Posted January 20, 2022 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 🙂 Link to comment
SomeShapeStudio Posted May 28 Share Posted May 28 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? Link to comment
tuanphan Posted May 31 Share Posted May 31 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? SomeShapeStudio 1 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
SomeShapeStudio Posted June 4 Share Posted June 4 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. Link to comment
Nick_SquareKicker Posted June 29 Share Posted June 29 You can add a Sticky Footer // Fixed Footer with SquareKicker with just one click. This is a premium SquareKicker Feature Footer Reveal __ Fixed Footer.mp4 Hi, I'm Nick, CEO & Co-Founder at squarekicker.com. Take your Squarespace sites to the next level with SquareKicker's No-Code Design & Animation Extension. Break free from templates & complex code and start building unique websites that you are proud to show your clients without ever having to write a single line of code. Design Extension ● Templates ● News ● Inspiration ● Tutorials ● Resources Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment