Webpage does not work at all on any iPhone or iPad

James Karger's picture
James Karger
Thu, 06/30/2016 - 18:02
#1
Webpage does not work at all on any iPhone or iPad

My webpage does not load on any iPhone or iPad, I was sharing it with some friends before we publish and they let me know it doesn't load, just a grey screen then a beige screen.  I tried it over at www.browserstack.com and sure enough it doesn't load at all on the iPhone or iPad.  It seems to load fine on my Android and on a PC.   My website address is http://www.fitbodyshop.net/alpine

phuonght's picture
phuonght
Thu, 06/30/2016 - 22:34

Hi,

Please check again. Here are screenshots of your site from ipad4. 

Image title

Image title

James Karger's picture
James Karger
Fri, 07/01/2016 - 00:25

Doesn't work on iPhone with ios 6.0

James Karger's picture
James Karger
Fri, 07/01/2016 - 00:28

Image title

this is it on a ipad with ios 8.3, this is exactly what everyone is telling me they are seeing on their iphones, it goes grey for a bit, then it is just beige.

James Karger's picture
James Karger
Fri, 07/01/2016 - 00:30

Image title

this is it on an iphone 6

James Karger's picture
James Karger
Fri, 07/01/2016 - 00:33

It appears that it is something about the redirect.        works perfect when i go directly to the fitbodyshop.net/alpine link vs. the buildcarma.com link that points to the fitbodyshop link.

any ideas on how to make it render correctly with a redirect?

also, how much do you charge for custom development if i wanted to have you do some themeing of other pages on my site?

phuonght's picture
phuonght
Fri, 07/01/2016 - 03:13

So please try below solutions:

- do not use preloader in mobile mode

- go to file style.css, insert code at the end of file

@media only screen and (max-width : 768px) {
.ant-flyin {
/*CSS transitions*/
-o-transition-property: none !important;
-moz-transition-property: none !important;
-ms-transition-property: none !important;
-webkit-transition-property: none !important;
transition-property: none !important;
/*CSS transforms*/
-o-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
/*CSS animations*/
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;
opacity: 1;
}
}

About custom development: please describe all customization works in detail then we would like to inform you via email.  

James Karger's picture
James Karger
Fri, 07/01/2016 - 11:26

It still uses the preloader with that code in the style.css file.

As for the customization I will write out everything I need tonight.

Log in or register to post comments
Have More Idea?

We are here to build your website!

No Universal solution fits all special business requirements. Our experienced team is ready with ideas and state-of-the-art technical solutions to consult the best solution within your budget.