How can I add a hover effect on mobile for featured collections?

Shopify Discussion
1

Hi,

I would like to add the hover effect for my featured collections and products for mobile phone. I have it on desktop but I want it on mobile as well. I know you cant hover on a phone but some websites have the function where you press lightly and the second image shows.

appreciate any help.

www.cuddlie.se

password: hejsan

2

Hello @Cuddlie ,

Try to change the JS hover with the css hover and it will work.

Thanks

3

Hi Guliera,

Thanks for a quick answer.

But I am not really sure what you mean by that, do you mind eloborating?

Thank you!

4

Hi @Cuddlie

this can be done using custom code.

Have to hire a shopify developer.

5

You are using a JS function to change the image on hover which does not work on mobile.
If you need it to work on mobile you have to change the code something like this

https://codepen.io/micobd/pen/YmPmNJ