Image hotspot icon not responsive

Hi Guys,

The image hotspot icon does not scale down on devices with smaller screens. This causes key information in the image to be blocked and lessens that effectiveness of the project. Please see the link below as a reference. Feel free to test on a cell phone etc.

http://www.trinikidscorner.com/vacation-activities/

Can you tell us a way for this to be adjusted please? What specific code should I input (via css)?

Thanks so much in advance for your assistance.

Regards,
TKCtemp

fnoks's picture

Hi,

The buttons not scaling down is actually done intentionally. It was done so that the buttons didn't get too small, so you are able to use it on touch devices. In your scenario, I can see this might be a problem. Changing this behavior would mean both changing CSS and JavaScript, unfortunately I don't have any recipe for that :(

Best,
Pål