-
Posts
-
Hello, I have image hotspots running on a page and they behave as expected on desktop and an android phone, but on iphones the hotspot is very difficult to press, and when it does active the tooltip often disappear very quickly. It’s like the touch target is only a few pixels wide. Any suggestions.
Hey,
Thanks for contacting us!
Could you please edit your Image with Hotspots element and choose to show tooltips on mouse hover in Advanced > Show Tooltips and check if that helps? Your first element seems to be working fine :)
Best regards,
YigitHi Yigit,
The “on mouse hover” setting does behave better than the “show on mouse hover – Hide on click” setting in that the tooltip doesn’t quickly vanish, so I’ve set both hotspot elements to “on mouse hover”. However, both elements are still problematic on my iPhones. They won’t activate unless I very precisely hit the center of the hotspot, which I can only do about 10% of the time. When I zoom in so that the hotspot is very large I can activate it every time. My guess is that the touch target (I’m not sure what that characteristic is really called) is somehow being set to very small pixel dimensions. It works fine on my Android phone though.
Thanks,
-EricHi,
Thank you for the update.
Have you tried enabling the Advanced > Responsive Settings > Hotspot on mobile devices option? This should set the tooltip content to always display below the hotspot image, and so users will not have to tap or click the hotspot to see the tooltip content. It could also act as a support in case users are having difficulty accessing the hotspot tooltip.
You can also adjust the size of the hotspot if necessary.
@media only screen and (max-width: 990px) { .responsive .av-image-hotspot { height: 50px; width: 50px; line-height: 50px; font-size: 22px; } }Best regards,
Ismael
- You must be logged in to reply to this topic.