How to make a hover box work on Mobile?

Ask the community
1

Hi, I have a few hover boxes on the desktop version of my website. For instance, on my ‘Who We Are’ page, I have some images of the business leaders (placeholder images at the moment); when you hover over these images, a bio is revealed. https://wix.to/nMCmDQo?

I can’t seem to get these to work on the Mobile version. Even when I unhide all the elements in Mobile, when I then preview the page, the image and the bio appear on the page at the same time. I assume this is because you cannot ‘hover’ on a mobile? Is there a way I can alter the container box in Mobile mode so that you need to tap the image to reveal the text underneath?

2

Hi Jamie.

See the following example. It uses onMouseIn and onMouseOut events to zoom-in on items in a repeater. In mobile since there is no mouse the zoom in is done when the user clicks on the element.

I think you should implement this kind of logic in your site.

https://www.wix.com/velo/example/zoom-in-effect

Good luck.