xjennix937 Posted April 12, 2022 Share Posted April 12, 2022 Site URL: http://www.dandelion-drum-w9ws.squarespace.com I entered code to get my "back-to-top button in place, and there is a weird overlap, rather than the image laying perfectly over the button. Here's the css I have entered: #back-to-top{ height:45px; width:45px; position:fixed; padding:9px; bottom:0; right:0; z-index:99; border-radius:100%; box-shadow: 0px 0px 5px #ccc; margin:20px; background:white; } html{ scroll-behavior:smooth; } And this is the code I've injected in the header: <div id="scroll-here"></div> <a id="back-to-top" href="#scroll-here"> <img src="https://static1.squarespace.com/static/61f41cf600dec14c7c38f90b/t/62542758a81ed506e7f2b164/1649682264925/arrow-up-circle-52_989ac618-1138-4d30-9b85-aee2cc99139e.png"> </a> Link to comment
Solution Beyondspace Posted April 14, 2022 Solution Share Posted April 14, 2022 On 4/12/2022 at 7:22 AM, xjennix937 said: Site URL: http://www.dandelion-drum-w9ws.squarespace.com I entered code to get my "back-to-top button in place, and there is a weird overlap, rather than the image laying perfectly over the button. Here's the css I have entered: #back-to-top{ height:45px; width:45px; position:fixed; padding:9px; bottom:0; right:0; z-index:99; border-radius:100%; box-shadow: 0px 0px 5px #ccc; margin:20px; background:white; } html{ scroll-behavior:smooth; } And this is the code I've injected in the header: <div id="scroll-here"></div> <a id="back-to-top" href="#scroll-here"> <img src="https://static1.squarespace.com/static/61f41cf600dec14c7c38f90b/t/62542758a81ed506e7f2b164/1649682264925/arrow-up-circle-52_989ac618-1138-4d30-9b85-aee2cc99139e.png"> </a> Try #back-to-top { display: flex; } Let me know how it goes on your site xjennix937 1 Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
Beyondspace Posted April 14, 2022 Share Posted April 14, 2022 My testing xjennix937 1 Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
xjennix937 Posted May 16, 2022 Author Share Posted May 16, 2022 Oh my goodness, thank you so much for your help with this, it worked perfectly : ) I apologize for the delay on responding, I did't see your comment until just now. Many thanks for your assistance!!! Beyondspace 1 Link to comment
SupremePT Posted May 17, 2022 Share Posted May 17, 2022 Hi! It worked on my desktop, but there's an overlap on the mobile end. Link to comment
tuanphan Posted May 20, 2022 Share Posted May 20, 2022 On 5/17/2022 at 9:21 AM, SupremePT said: Hi! It worked on my desktop, but there's an overlap on the mobile end. Which overlap? Can you take a screenshot + link to your site, we can help easier 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment