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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit