Remove hover/mouse over effect on product images

Highlighted
New Member
1 0 0

I am currently running my shop under the Vantage theme.

I was wondering if anyone could tell me how to remove the "hover" effect when I mouse over an image of a product in the collections or product page.

Rather than it show a second image when I hover over an product, I'd like it to show no other image than the original one.

Thank you!

0 Likes
Highlighted
Shopify Partner
165 0 37

Most likely in your CSS page, you have a CSS selector that looks like ELEMENT:hover { }

Probably, specificially like img:hover { }. If you tell us your site, we could go look specifically. 

Highlighted
Tourist
29 0 2

Hello I am trying to remove hover on the solo theme, because right now it takes two clicks on mobile to access anything which is extremely un userfriendly. any help would be greatly appreciated.

 

0 Likes
Highlighted

I know this is an old thread, maybe this might help you out, try adding this css style on a theme.scss.liquid file

.reveal:hover .hidden {
   opacity: 0!important;
}
0 Likes