POI pop-up does not display entirely

[Hi Ho]

When clicking on a POI near the top of a map the popup window no longer displays the entire window. It gets cut off near the top. ie; the map no longer drops down enough to display the entire pop-up window. If you click the icon twice it does drop it down but that is not intuitive for the average user. Maybe I’m missing something? (fyi-Chrome browser)

[Chris]

Hi, please provide the map URL so I can see the problem.

[Hi Ho]

https://www.niagarafallslive.com/map_of_the_niagara_falls_region.htm

Thanks Chris!

[Chris]

I think the problem is that the image size isn’t know when the popup opens. It’s only determined after the image downloads.

Although the images were inserted with a defined height, the theme’s CSS is setting it to ‘auto’:

img { height: auto }

You could either remove the line above, or in your style.css, you could override it by adding something like this:

.mapp-body img { height: 100px !important; }

[Hi Ho]

I went with option two by adding .mapp-body img { height: 100px !important; } and it works perfect! Thank you Chris.. You are the best!

[Author]

Posts