iPhone5/Safari crashes on maps over 300PX

Hi Robert. Thanks again for your help.

I tried your code. It didn’t work.
With your code, the iphone still crashes AND the map does not display on the big screen either.

All I did was cut and past your code into my CSS file. I made no changes to the code.

Sorry for taking your time, but is there something else I can try?

Hi,
if the code I provided didnt work, than the workaround from your theme author will probably not work at all – have you tested it positively? I doubt so as ID gets generated dynamically on each page load.
Unfortunately I dont have any further idea how to solve this – especially as I cant reproduce this issue – neither on safari on windows nor on ipad.
You could try outcommenting several parts of your themes css file and check afterwards if safari still crashes – this could help identifying the code which is causing this. You could also disable the whole theme′s css file at once to see if it is the css at all. If not, I would do the same for javascript used on your site and/or code from functions.php
hope this helps,
best,
Robert

Robert,

I found a clue that might help.

I have been trying to use Google maps only.

When I select other maps such as Stamen Watercolor or Blue Marble Topology, and basically anything BUT Google maps… it all works perfectly with no Safari crash.

With Google maps, when I go to my website on the iPhone, and open the map page, here is what I see:

1. The site logo and header loads as usual
2. The map outline loads in the full 700px height
3. The Google map begins to fill in the map outline with the map details/graphics
4. Just before the map is fully loaded with all of the map graphics in place, Safari crashes.

So, the crash happens just before the map details finish loading, and only for google maps.

I tried using the Google maps with and without a Google API key. Still it crashes.

So, Robert, I can actually make my site work by using the non-Google maps, so I can move forward. But it is a mystery as to why they crash on my iPhone.

But, of course, I’d prefer using the Google maps…

Any ideas? Why only Google maps crash, for maps taller than 300px, on an iPhone?

And thank you very much for your help. I will make a donation, and buy PRO.

well, as said before: I cannot reproduce this on my devices – just checked again your site with google maps – not crashing on my ipad or Windows computer. So I can just tell you what I would do (which I already described in my earlier post): try to find the culprit code by
1. disabling css template at all
if this is the cause for the crash, I’d disable parts of the css to check which one is causing this
2. if css is not the cause, I’d go for custom js with same approach: disabling all/parts of it to check if this is causing the crash.
best,
Robert