Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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


Question

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

2 answers to this question

Recommended Posts

  • 0
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
  • 0
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...