Johnac Posted February 22, 2023 Share Posted February 22, 2023 Hi Everyone, I have put in a code that has a button in a fixed position for mobile on the bottom right. Unfortunately wherever i put it it only stays in that section and doesn't move across to the rest when scrolling. Is there any way to fix this? Below is the code I have used. If I am missing any info that may be required to answer the questions let me know! Thanks #block-yui_3_17_2_1_1677022135457_73383{ position: fixed; z-index: 9999; bottom: 10px; right: 60px; width: 15%; height: 10%; } @media only screen and (min-width: 660px){ #block-yui_3_17_2_1_1677022135457_73383{ display: none; } } Link to comment
Ziggy Posted February 22, 2023 Share Posted February 22, 2023 Typically for a fixed position element, if you want it on every page, then putting it in the last section of the footer is best, if you want it on just one page, I would suggest placing it in the last section of your page, then it should be visible across the entire scroll. Johnac 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Johnac Posted February 22, 2023 Author Share Posted February 22, 2023 Thanks for your response, I have put it in the footer but for some reason still isn't working. It disappears as I scroll up on different sections of the page. But it is on all pages just stays on the footer, see images attached. Link to comment
Mdhanjal Posted February 22, 2023 Share Posted February 22, 2023 can you send me site url pls? Hi, I'm BITTU. A website developer with 10 years experience with Squarespace. if you need help and work with me, Email me here: - mandeepsquarespace@gmail.com Hire Upwork: - https://www.upwork.com/freelancers/~01eed466e76c89e024 Behance: - https://www.behance.net/mandeepSquarespace Best Hourly Rate: - $15 Per Hour Link to comment
Johnac Posted February 22, 2023 Author Share Posted February 22, 2023 1 minute ago, Mdhanjal said: can you send me site url pls? https://bobcat-sailfish-njjw.squarespace.com/commercial inovista10 Link to comment
Mdhanjal Posted February 22, 2023 Share Posted February 22, 2023 not use block id . use simple button css and html code then put in footer settings/advanced/code-injection Johnac 1 Hi, I'm BITTU. A website developer with 10 years experience with Squarespace. if you need help and work with me, Email me here: - mandeepsquarespace@gmail.com Hire Upwork: - https://www.upwork.com/freelancers/~01eed466e76c89e024 Behance: - https://www.behance.net/mandeepSquarespace Best Hourly Rate: - $15 Per Hour Link to comment
Johnac Posted February 22, 2023 Author Share Posted February 22, 2023 41 minutes ago, Mdhanjal said: not use block id . use simple button css and html code then put in footer settings/advanced/code-injection ok thank you, is this something you can do? Link to comment
Mdhanjal Posted February 22, 2023 Share Posted February 22, 2023 yes i need site access ? Hi, I'm BITTU. A website developer with 10 years experience with Squarespace. if you need help and work with me, Email me here: - mandeepsquarespace@gmail.com Hire Upwork: - https://www.upwork.com/freelancers/~01eed466e76c89e024 Behance: - https://www.behance.net/mandeepSquarespace Best Hourly Rate: - $15 Per Hour Link to comment
tuanphan Posted February 26, 2023 Share Posted February 26, 2023 On 2/22/2023 at 5:20 PM, Johnac said: https://bobcat-sailfish-njjw.squarespace.com/commercial inovista10 Hi, I don't see button now. Can you add it? We can check easier 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
Johnac Posted February 26, 2023 Author Share Posted February 26, 2023 7 hours ago, tuanphan said: Hi, I don't see button now. Can you add it? We can check easier Hi there, The button is on the footer and it is only on mobile. I would like it to be on the full screen when scrolling on every screen. Link to comment
tuanphan Posted February 28, 2023 Share Posted February 28, 2023 On 2/26/2023 at 4:51 PM, Johnac said: Hi there, The button is on the footer and it is only on mobile. I would like it to be on the full screen when scrolling on every screen. Don't remove any code in your current code Add this to Design > Custom CSS footer.sections section, footer.sections { z-index: 9999999 !important; position: relative; } 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment