Need help with removing zoom button on Sense 2.0 Mobile version

Store Design
1

Hey! I need some help on how to remove that zoom button on the top left of the product picture. I am using sense 2.0 (my website is mobile optimized).

Here is my website link: https://theaircat.com/products/aircat

Thanks in advance!

asdasdasdasadas.png
asdasdasdasadas.png273×290 69.2 KB

2

Hi @massoudghalib1 ,

I just that the button only shows on hover. Anyway, I hide the code by follow the instructions below.

  1. Go to Admin page > Online store > themes > Actions > Edit code
  2. Open the base.css under the Asset folder then add the code below.
modal-opener.product__media-icon {
display: none !important
}

Btw, you can still open the modal (zoom image) by clicking the image

1 Like
3

You missed ; after !important :wink:

1 Like
4

@LeoEcom

You actually do not need a semi-colon if you only have one or the last css. It is still going to work

2 Likes
5

I didn’t know, I’m sorry :grin:

1 Like
6

Hi, you can do that by using this code to hide that button on mobile only

@media only screen and (max-width: 600px) {
.product__modal-opener:hover .product__media-icon {
  display: none !important;
}
}
1 Like
7

Hey! Tried doing this but didnt seem to work!

8

Hey! I have to add this under base.css right?

If so, I did it but still doesn’t seem to disappear.

Thanks in advance