Hover Mode on Repeators but for Mobile

Question:
So i have set up a bunch of blank repeators that have a hover interactions. essentially the first background of the repeator is an image and when you hover it shows another image.

This doesnt work too well mobile, how can i set this up on mobile to where instead of a Hover you click the image and it shows you what you would see on desktop if you were to hover.

Product:
Wix Editor, Wix Studio

What are you trying to achieve:
again, So i have a set of blank repeaters that are holding images right, and i have a hover interaction set for each reperater that then shows another image when you hover, but on mobile it default hides the hover and if you show it then it just shows both images, i want on mobile for you to click the image and then it show the image it would show had you hovered on desktop.

What have you already tried:
Ive tried everything i know.

Additional information:

Hey, welcome to the community!

Here’s what I would do: create a hover interaction on desktop, then on tablet and mobile turn off the hover interaction and instead create a click interaction. This will not remove the desktop one, don’t worry.

Hope this helps!
Nathan.

Did you create a hover effect using code? If yes, share your code. You can modify your code to check if the person is viewing the page on a mobile device and therefore trigger a “click code” instead of a “hover code”.

Or did you use hover boxes for this? If yes, you are limited to whatever the hover box settings are within the mobile editor. So visit the mobile editor, click on the hover box, and check the settings that are available to you.

i dont see repeator support for mobile tho, where is this click interaction? thank you

You can select an ‚item‘ inside the repeater and add/edit the animation from the inspector panel on the right side at the top. Hope this helps!