How can I modify the 'Remove' link on my cart page to prevent accidental clicks?

Store Design
1

I want to avoid customers clicking “Remove” by accident, as I have done it several times. I would like to move it lower.. or have the word “Remove” only be hyperlinked, not the whole row to avoid customer clicking by accident (all the space next to the word is hyperlinked).

image.png
image.png644×355 26.5 KB

If these are not possible then would I be able to add a confirmation dialog box with “OK” and “Cancel” in case they click Remove by accident?

Please help, thank you!

1 Like
2

@shopcami

sorry for this issue please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.cart__remove {margin-top: 10px;} /* change valua as you like */
1 Like
3

You are amazing! I made it 50 px, thank you so much!

1 Like
4

@shopcami

it’s my pleasure to help us

1 Like