Product hover effect disable in mobile view. Please help!

New Member
5 0 0



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:


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.


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




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