Startup template crashing in ios7 for iphone

I am having trouble with the startup theme crashing when viewing on an iphone running ios7. It seems to be the home page where it says 'the key features' on the demo site. The ROCKET, MOUSE, PIGGY icons etc. When I disable this the site shows up ok so it must be something to do with the gk features. Can anybody help with this or has anyone else had similar problems. The site show up fine in safari, chrome and firefox on my laptop and also is ok on android os. It is just since upgrading to ios7.

Hi

I've just checked and I see no problem on iOS7. Can You please point me to the place You have a problem with?

Hi

I've just checked and I see no problem on iOS7. Can You please point me to the place You have a problem with?

My site is http://www.cheesydoodles.co.uk maybe it is just my iphone? Can you check and see if it is ok with yours? Thank You.

Hi

Your site looks fine on my phone as well.

Hi There,

I am having the exact same issue. It crashes after the logo. Started with iOS7

Site is seals.bluedigital.ca

thanks

Hi

Can You please describe this problem a little bit closer ? I see no problem on Your site as well, so I believe I'm looking at wrong place.

Hi

Thanks for the reply, The website works fantastic, however ever since I updated my iOS to 7.0.2 on my iPhone the web site crashes.
I use safari on my phone and the seals logo will appear, then simply close. I attempt again and it always only makes it to the logo and crash.

The site will work if I disable 'responsive layout' in the template settings, however that defeats the purpose.

Thanks

Hi

As You can see on my screen I'm using latest iOS and Safari as described, but there is problem You have described. Sorry but I cannot help You if I will not see the issue. Try maybe send me a screenshot. Hopefully this will give me a hint.

I also have the same issue - it might not be just iOS 7, it could be the generation of iPhone. For me, it seems to only happen on the iPhone 4S and below. Not sure why, but that seems to be the case.

Hi

Can You please show me a screenshot of this ? I'm checking with iPhone 3S and iPhone 5 . No issue for me. Tell me also Your site's url.

Hi

Can You please show me a screenshot of this ? I'm checking with iPhone 3S and iPhone 5 . No issue for me. Tell me also Your site's url.

Hi I too am using an iPhone 4S. He is the only screen shot I can send before it crashes back to main iPhone window

Hi

I have reached to a friend with iPhone4 and was finally able to see the crash. I'm reporting this to programmers. Will let You know when You will answer.

Hi

Here is an answer from programmers:

I've checked other case on my iPad 3rd gen, iPhone 5, 4S and on emulator on all devices - there is no problems with it. The problem is most probably connected with fact that iOS7 is not a good choice for iPhone 4 and it causes memory problems.

This is true, since I've upgraded I'm having problems with a lot of apps I've been using for a long time.

And an unfortunate solution:

If somebody will need a solution for IP4 with iOS7 you can always disable the animation scripts by detecting the IP4 (detecting the screen size and resolution - of course it will also detects the IP4S).

Hi

Programmers came up with a fix by removing the functions causing this issue. Please edit file: /css/gk.stuff.css and remove line 647:

Code: Select all

-webkit-transform-style: preserve-3d!important;

Also file mod_image_show_gk4/styles/gk_startup/style.css and remove line 16:

Code: Select all

-webkit-transform-style: preserve-3d!important;

And replace file mod_image_show_gk4/styles/gk_startup/engine.js with:

Hi,

I have the latest version of the template and I applied the changes you suggested.
No result, the browser chrome or safari crashes in ios.

Note: when I use the js you have provided, the mod_image_show doesn't work at all.

Thank you

Hi

That's odd it worked with my copy, anyway the fix package should be released soon so it would be better to wait.

Hi

I just got an answer from programmers. Looks like a small issue causing this problem is hidden within jooml itself and this would be fixed with upcomming 3.2 version, so our fix will be included with a template version compatible with Joomla 3.2

I also discovered the problems with ICONS on startup template (on Iphone and ipad with ios7). I'am using JOomla 2.5.16. The solution mentioned above (modifing css file and engine.js file didn't worked for me).

My solution:

I removed all the html code (from the custom html module) which give me the animation of the icons (data-animation="flip" data-delay="0").


Now it seems to work on ipad and iphone.

Hi

Thanks for shearing, also please try to update template. I know that a fixed template version was released for this problem as well.

Hi,

I have just upgraded and it still crashes in ios 7.

Thanks

Hi

Please try clear cache of the device browser. All I know is that this update helped with my copy of the remplate, but it can also be happening becuase of some other extensions. Try disabled any 3rd party extensions if You will still have this problem.

Hi,

I have just downloaded the quickstart of Joomla 3.
I installed in a dev account.
No other change.

Again while loading Safari and Chrome crushes.
iphone 4s with ios 7.

Please check.

Thanks again.

Hi

I've send another question about this problem to programmers. Will let You know when they will answer.

Hi

Programmers told me that all fixes for this problem are applied in this package, so please sen me an access to joomla panel and url of this site so I'll check.

Hi,

I didn't make any change on the quickstart file, I recently downloaded.
Please tell your programmers to download the latest quickstart and install.
Then please tell them to test with an iphone 4s and ios7.

If they will not face the same problem, I will give ftp or any other connection information.

Thank you

Hi

I did. But I have my copy of a quickstart improved by one thing which is important in this matter. I hop this is the reason of the problem. Please try is as well:

IMPORTANT: Please remember to increase the tablet width in the theme settings up to 1040px.

Hi,

although we are talking about iphones. I followed your instruction. I changed the tablet width.
No result.

My settings are:

Template 1000px
Tablet 1040px
Mobile 580px

Thank you

I have the same iOS7 crashing problem with http://wattsonpower.com

Hi

@[email protected] this is just impossible. I've installed a quickstart and a joomla template to a clear joomla installation. None of them have the same problem. Please send me all details to Your site: ftp, joomla panel access. I'll start with updating the template since I know fixes for this were made and are working fine at least for a copy I have.

Hi again,

I sent you an email with the details of the account, hope you got it.

Thank you

Hi

Yes I have it, but need unfortunatelly my iphone4 is in service at the moment. I'm getting it back tomorrow so I'll check than.

Hi

Sorry for delay. Could not get the phone faster. I've removed some new CSS3 features from /css/gk.stuff.css file. Haven't seen site breaking since than. Here is a file to replace for anywine who would like to use the same fix:

Hi,

it works perfect, thank you

Hi

No problem. Glad I could help

Thank you all, this solution helped me solve the problem.

Thank you again. My website: http://www.skorweb.fr

Hi

Once again I'm glad it finally fixed the issue

cześć guys,

Unfortunately I am having the same issue, I have replaced gk.stuff with the latest file you have given the other guys, but the site is still crashing Safari.

I just copied and replaced the contents of gk.stuff.css within joomla is that right?

Anx

For information, I cleaned the data from my safari browser (cookies and data) via the menu settings / safari. It was after this action that works again to.

Hi

@[email protected] please try to clear cache of a browser. The file included has the troublesome code removed. File should be replaced in templates /css/gk.stuff.css

Same issue for me here. I remembered having that kind of crash using a slide show from another developer and found out by that time, css "preserve-3d" which apparently triggers hardware acceleration on mobile devices was the cause of the crash. I did a full text search in all of the css files and completely deleted all of those entries and that always does the trick for me...that was before I found this thread, but basically that's what you guys are doing here as well.