Hi there,

I'll mark this thread as resolved. If you have additional questions, please feel free to post another thread and I'll be happy to review.

Best,

Chris

Hello Chris,

Yes, that seems to have fixed it :D whoo hoo!

The only criticism made by my friend who was testing it for me is, when using iPad Safari, there is a moment when the homepage posters and summaries are presented in a vertical column, one on top the other, with only the header showing at the top. Then the screen changes and he can see the background image, the tag line and the "continue" arrow. At this point the posters and summaries are presented in the slider. So, it ends up looking correct, there's just a delay in the presentation. This does not happen in iPad/Chrome.

So, unless you have other suggestions for this Safari delay (I suspect it's a Safari thing you can't do anything about) then I think we can call this solved. Phew!

I assume you will add this code to your next script update?

Thank you for your assistance with this.

Trishah

I think I isolated the issue. Open up custom.js and change the following on lines 86-89 from this...

////////////////
//LOADING ANIMATION
////////////////
if(!chromeBrowser){

...to this...

////////////////
//LOADING ANIMATION
////////////////
if(!chromeBrowser && !iPadiPhone){

Let me know if that helps.

Best,

Chris

Update: Adding the header.php file to the child did not fix the problem. Maybe this theme is going to need an official child theme in order to fix the problem?

Then I think there may be some responsive script that is not loading properly. Maybe if I add the parent head.php to the child... I'll get back to you on this.

Yes, it appears to be related to child theme use.

Best,

Chris

Just so I know, have you actually tried to do a child theme and view it on an iPad? I'd like to verify that we at least have confirmed the cause.

Hi there,

I can't seem to isolate the issue to anything specific to the iPad. This is so odd. Sorry I can't be more help. I'm really not sure what the issue is, but I'll continue to look into this...

Marking thread as "pending review".

Best,

Chris

Hello Chris, and thank you for continuing to help with this! It is greatly appreciated.

Well, that did help some. But it's still not looking right...

http://trishah.com/clients/paulbud/ss/ipad_after_code_snippet.jpg

I have tried the site in iPad simulators online but it looks just fine on them. It's only happening with the use of the actual iPad.

I would put all my child css in the theme customization section but I've made changes to functions and to the templates which all need the child css file to work with the parent... sigh.

Any other suggestions?

Hi there,

I really can't say why using a child theme would cause an issue like this only on an iPad. Very strange.

For now, try throwing this in your Custom CSS box on the customize page...

body.iDivice #loadingContainer {display:none !important;}

Let me know if that helps.

Best,

Chris

After much testing, this is what I discovered... The problem does NOT happens on the iPad when The Producer parent theme is active. However, the problem DOES happen on the iPad when my child theme is activated. So, to determine what in my child theme was causing the problem I, piece-by-piece, removed template pages, then the child function.php page, then I started deleting sections of the child style.css page. What I discovered amazed me... I removed all the styles from the style.css page EXCEPT for the top section of the style.css that links it to the parent. With all the plugins off and only the minimal necessary information in the child style.css page, the problem DID happen.

Apparently, just having a child theme causes the problem. Here is a link to the minimal child theme that caused the problem.

http://trishah.com/clients/paulbud/min-child/

Any advice on how to fix this?

Hi there,

This issue just appears to happen with your site. As you can see with the demo, the site loads just fine on mobile devices.

Looking at the source code, I see A LOT of extra scripts. Specifically the fancybox script. Is that a plugin?

Be sure that when you're deactivating plugins to clear your browser cache to make sure you're viewing a fresh copy of the site.

Let me know.

Best,

Chris

Hi Chris,

I had a MacFriend of mine try the site with his iPad and the site doesn't load correctly in iPad/Safari or in iPad/Chrome, and it doesn't matter if all the plugins are active or deactivated.

He reports that he can see the header and when he refreshes the page he sees a flash of the first poster from the homepage scroller but then it goes black. This same thing happens no matter which header link he tries. He can see the site properly on his iMac.

Are you (or anyone on this thread) able to replicate this issue on an iPad? Is it just with my site or is it with all Producer themed sites? http://paulbudline.com

Hi there,

Sounds like a script conflict if the loading notice isn't going away.

Make sure all plugins are deactivated to see if that might be the cause.

Let me know.

Best,

Chris

I have my clients site live (http://paulbudline.com) but he is getting some feedback from two people with iPads who say they can not access the website. He reports:

"Opens to home screen with tabs but does not fill. The fill circle that usually shows progress, shows no activity. I'm on my iPad using Safari"

I don't have an iPad or MAC so I can't test this, but I know you design on a MAC so maybe you can help.

I went to http://www.browserstack.com and did some screenshots from different devices and uploaded them here for you to see: http://trishah.com/clients/paulbud/ss/

As you can see,

1. All the android devices show a black screen so that's a problem.
2. There are some shots that show the header and the spinning loading wheel so I assume these just needed more time to load and are not a problem.
3. The Browserstack method does not allow me to choose the browser for the iPad so I can't verify my client's complaint about iPad/Safari.

Any guidance or help you can offer would be greatly appreciated!