Jump to content

How do I fix the Scroll to Top button I added interfering with 'Add to Cart' button?

Recommended Posts

Site URL: https://www.truenaturedreams.com/shop

Hi guys, please help! I'd really appreciate it!

I added some code to create a 'scroll to top' button on my site, which I was really happy with.

But I've just added a Store page and when I did a test sale the 'add to cart' button has merged and become the 'scroll to top' button, so customers can't view their cart or complete check out! 

I tried just deleting the original CSS/code for 'scroll to top' button, so it doesn't cause any conflict but can't find out where it is on my site, I did it so long ago!

Can anyone please help? I can't sell items through my store until I can fix this!

Thank you, Becs 🙂 

Screenshot 2021-08-02 at 11.51.22.png

Screenshot 2021-08-02 at 11.51.39.png

Link to comment
45 minutes ago, TrueNatureDreams said:

Site URL: https://www.truenaturedreams.com/shop

Hi guys, please help! I'd really appreciate it!

I added some code to create a 'scroll to top' button on my site, which I was really happy with.

But I've just added a Store page and when I did a test sale the 'add to cart' button has merged and become the 'scroll to top' button, so customers can't view their cart or complete check out! 

I tried just deleting the original CSS/code for 'scroll to top' button, so it doesn't cause any conflict but can't find out where it is on my site, I did it so long ago!

Can anyone please help? I can't sell items through my store until I can fix this!

Thank you, Becs 🙂 

Screenshot 2021-08-02 at 11.51.22.png

Screenshot 2021-08-02 at 11.51.39.png

Hi, You can simply add spacing between the "cart icon" and "back to top" buttons by following below code. so both buttons show on the bottom right corner with no mess.
.floating-cart {bottom: 80px !important;}

or if you want to remove the "back to top" the code will be in the Header code injection. go to settings> advance > code injection

Link to comment
8 minutes ago, Agha_Waqas said:

Hello - thank you so much thank you for locating my code for me! I just deleted it, it was easier that way.

Really appreciate your answer here. 

Becs 🙂 

Hi, You can simply add spacing between the "cart icon" and "back to top" buttons by following below code. so both buttons show on the bottom right corner with no mess.
.floating-cart {bottom: 80px !important;}

or if you want to remove the "back to top" the code will be in the Header code injection. go to settings> advance > code injection

 

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.