Product hover effect disable in mobile view. Please help!

Highlighted
New Member
5 0 0

Hi,

 

I am currently using the Brooklyn theme. This exact Shopify hover tutorial does not work for Brooklyn, however I found a thread on here that made the hover work for me. The hover looks nice in computer view, however in mobile view, it is still applying this hover effect. It just doesn't look right on mobile view. Does anyone know where to place some code that either only makes the hover show up by a larger screen size or only for devices that don't have touch screens?

 

my store:  https://vov1kp0o9ywgc8m0-25696534627.shopifypreview.com

 

here is the tutorial, which I don't need to know how to do. I am just asking if I can get rid of hover in mobile view after already applying the code.

https://help.shopify.com/en/themes/customization/collections/add-hover-effect-to-product-images

 

Please if someone could help me with this!! Thank you so much!

 

 

0 Likes
Highlighted

Hello 
Hover effect not work on mobile.
In mobile viewc there is clink event and we can't hover on product image.
In mobile there is no hover arrow/cursor if we want to show somthing we click on that.

 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
1 0 0

Hi can you please help me with adding hover effect to product images in my collection list on mobile it should be like if we click on product images the images should change to consecutive images and on the PC it should change when we move cursor over it please Help.

 

0 Likes