Trouble with iphone/safari CRASHING with JS homepage

Hello,

I have trouble with the template Stratup I've used to create my professionnal website : http://NicolasGuy.com

One of my client just find out that the website made Safari crash on its iPhone...
The website is perfectly on my computer (chrome & ie), my galaxy tab and my galaxy phone


I think this my be due to JS script on the main page creating the animations.
The website do not crash with others pages of the site

could you help me?

thanks,

best regards,

Hi

This problem has been fixed already. Please update template and image show module.

Hi, I have the exact same problem.

I downloaded the lastest version of the template and overwrited the files that has changed (i could not update the template directly because i changed some code in some files so i only overwrite the files that another moderator said in this topic https://www.gavick.com/forums/181/mobil ... 30094.html)

But in iphone 4s and olver version with iOS 7 it crashes with safari and also with chrome and the web starts to load and then crashes

I need to solve this asap, could someone from development team help me? Or can you confirm the files that i have to overwrite in order to solve the problem?

my website is: www.northstartgs.com

Thanks.

For more info,
I have CSS and JS compression active as well as GZIP compression.

Hi, I have the exact same problem.

I downloaded the lastest version of the template and overwrited the files that has changed (i could not update the template directly because i changed some code in some files so i only overwrite the files that another moderator said in this topic https://www.gavick.com/forums/181/mobil ... 30094.html)

But in iphone 4s and olver version with iOS 7 it crashes with safari and also with chrome and the web starts to load and then crashes

I need to solve this asap, could someone from development team help me? Or can you confirm the files that i have to overwrite in order to solve the problem?

my website is: http://www.northstartgs.com

Thanks.

Hi

Please send me an access to joomla panel.

Hi

Please send me an access to joomla panel.

i sent you the user by private

Hi

Please edit /css/gk.stuff.css find code:

Code: Select all

.nspArt a {
   -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   -ms-transform-style: preserve-3d;
   -o-transform-style: preserve-3d;
   transform-style: preserve-3d;
}
.nspArt img.nspImage {
   border: none;
   -webkit-transform: scale(1.0);
   -moz-transform: scale(1.0);
   -ms-transform: scale(1.0);
   -o-transform: scale(1.0);
   transform: scale(1.0);
   -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   -ms-transform-style: preserve-3d;
   -o-transform-style: preserve-3d;
   transform-style: preserve-3d;
   -webkit-transition: -webkit-transform 0.15s linear;
   -moz-transition: -moz-transform 0.15s linear;
   -o-transition: -o-transform 0.15s linear;
   transition: transform 0.15s linear;
}


and replace it with:

Code: Select all

.nspArt img.nspImage {
   border: none;
   -webkit-transform: scale(1.0);
   -moz-transform: scale(1.0);
   -ms-transform: scale(1.0);
   -o-transform: scale(1.0);
   transform: scale(1.0);
   -webkit-transition: -webkit-transform 0.15s linear;
   -moz-transition: -moz-transform 0.15s linear;
   -o-transition: -o-transform 0.15s linear;
   transition: transform 0.15s linear;
}


I've disabled compressing to find it so after making this change and confirming that it works You may enable it back.

Thanks, I'll try it as soon as I can, and let you know!

Hi, I replaced the code, deleted the cache and tried with an iphone 4 (ios7) with safari and chrome and crashes with both of them...

I reviewed all the files and compared them with the 3.12 version of the template and i dont find anything different so i'm running out of ideas of what could it be...

the img show module is also updated to the last version.

Hi

Please edit /css/gk.stuff.css find code:

Code: Select all

.nspArt a {
   -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   -ms-transform-style: preserve-3d;
   -o-transform-style: preserve-3d;
   transform-style: preserve-3d;
}
.nspArt img.nspImage {
   border: none;
   -webkit-transform: scale(1.0);
   -moz-transform: scale(1.0);
   -ms-transform: scale(1.0);
   -o-transform: scale(1.0);
   transform: scale(1.0);
   -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   -ms-transform-style: preserve-3d;
   -o-transform-style: preserve-3d;
   transform-style: preserve-3d;
   -webkit-transition: -webkit-transform 0.15s linear;
   -moz-transition: -moz-transform 0.15s linear;
   -o-transition: -o-transform 0.15s linear;
   transition: transform 0.15s linear;
}


and replace it with:

Code: Select all

.nspArt img.nspImage {
   border: none;
   -webkit-transform: scale(1.0);
   -moz-transform: scale(1.0);
   -ms-transform: scale(1.0);
   -o-transform: scale(1.0);
   transform: scale(1.0);
   -webkit-transition: -webkit-transform 0.15s linear;
   -moz-transition: -moz-transform 0.15s linear;
   -o-transition: -o-transform 0.15s linear;
   transition: transform 0.15s linear;
}


I've disabled compressing to find it so after making this change and confirming that it works You may enable it back.

Hi

Please clear also cache of Your browser. It works ok on my iPhone 4 now.

Yes, and did more changes in the css file and finally it worked out.

Thanks for your help

Hi

What other changes have You made ? I think it was only "preserve-3d" attribute which was wrongly implemented by safari browser in os.