Hi there! I took a look at your site and I see that your hotspots are really small – those are getting shrunk down to match the image on smaller screens, which is making them really teeny and really difficult to find and click. You’ll have much better luck if you make them larger. For example if you make the entire map area a clickable area instead of just the little marker, your users will have a much better time using your maps.
Example image
Give that a try and let me know if it works better for you.
Thread Starter
herte
(@herte)
Hi Natalie,
Thanks a lot for your suggestion, I will make some larger active areas on the map.
The url problem which I can’t fix is on the left side, for example this one in the red circle.
If you make your browser smaller, the weblink won’t be clickable.
Szabolcs
I took a look at your site, and it looks like you added a bit of CSS to style the more info box, including making it float to the left. That’s what’s causing the links to be unclickable. If you remove the float: left style from .hotspots-placeholder, the links will be clickable again.
If you need the float left for some reason (which you shouldn’t), you can use a media query to remove the float for smaller screens.
Thread Starter
herte
(@herte)
This solved the problem, thanks so much for your help. Really appreciate it!
