On my site, and in your demo, the Google Maps has a bug that only occurs in IE and Edge browsers. (I'm using IE 11).
When the user scrolls down using the scroll wheel, and the cursor arrives at the section of the page containing a map, the page ceases to scroll, and begins to zoom in or zoom out of the map.
When the map is full screen width, there's no way for the user to keep scrolling without significant disruption to the User eXperience.
On my site, and in your demo, the Google Maps has a bug that only occurs in IE and Edge browsers. (I'm using IE 11).
When the user scrolls down using the scroll wheel, and the cursor arrives at the section of the page containing a map, the page ceases to scroll, and begins to zoom in or zoom out of the map.
When the map is full screen width, there's no way for the user to keep scrolling without significant disruption to the User eXperience.
http://codex-themes.com/thegem/elements/google-maps/
How do we fix this in IE?
Hi,
Try to add next code to custom css in theme options:
.wpb_gmaps_widget .wpb_map_wraper iframe { position: relative; }This does not resolve the issue.
Also the grayscale map is not working in IE.
Please give link to your site. I will try to inspect problem.