Plugin Breaks Mobile Display

W3tc has all mobile functionality you need. Share a link and your settings and some info on your system configuration (php version, wp version.. ). Without those info it’s hard help you.

@nigrosimone, here you go:

Wordpress version: 4.7.1
Theme: PhotoMania Pro 2.1
Website: https://www.tickettotakeoff.com
Mobile formatting: See here (https://goo.gl/5DthuK)

Let me know if there’s any more information I can provide. Thanks!

I think your problem is with minify. Try to disable it.

@nigrosimone, I’ve tested that already. I changed the settings from “Automatic” to “Manual” and the problem persisted.

What specific settings have you seen successful for mobile devices under the “Minify” tab?

No, in general swttings disable minify. I think the problem is your theme.

@nigrosimone, I’ve alerted my theme provider to the issue, and they told me to speak with the developer of the app…

I’m kind of at a loss here…

@nigrosimone, additionally, minify is already disabled for this test. And it’s still not working.

Mhh very strange… try to contact author of the theme. It seems not compatible with caching plugin like w3tc.

@nigrosimone, I’ve been communicating with the theme for a week now on the issue. They are fully compatible with w3tc.

I think we’re at a standstill on how to resolve this unfortunately. ??

Hi @tickett0

I have a bunch of questions for ya but firstly, i noticed you have Database Caching enabled on your site. Would you mind turning it off for a while? I am wondering if Database Caching and/or Object Caching (turn it off too if it’s on) might be what’s causing the craziness. Database/Object caching is not usually advised to be used. They are only good under specific conditions otherwise they actually can cause unpredictable results and reduce performance.

When you say it breaks your site (an empty frame). Are you saying the page that returns is completely empty (0 bytes) or is the page showing but there is no css styling, and no javascript files being loaded? So you still see the page content text (and images) but the formatting is visually messed up? Your image link above: https://drive.google.com/file/d/0B5yuCt4yll4tX3JqZlNNTVprTkE/view is titled: “Mobile-No_CSS.jpg“. Does this mean this is what your page looks like when its not working correctly (no css being loaded)? It looks exactly how i see your current live website appeartance. And css, js files are being loaded fine.

I have many other questions but won’t be able to post them until later today so hopefully you’ll continue to check back.

Cheers
Kimberly

• This reply was modified 7 years, 10 months ago by Kimberly.

The screenshot you posted looks like the default WordPress theme; it’s almost like the wrong theme files are being served to mobile browsers.

If you’re only seeing the issue sporadically then CloudFlare may be caching the “wrong” view for a few hours, which would make it appear as though the changes you’re making in W3TC are having no effect.

I would disable CloudFlare completely, and then turn on the desired W3TC features one at a time, purging all caches and testing at each step. If minify is the culprit, you can leave it off completely or switch to manual mode and add files line-by-line, again purging caches and testing with each new addition.

Once the site is working as expected, turn CloudFlare back on and purge its cache to ensure it delivers the exact files you want it to deliver to the browser.

Hi @amiga500, thanks for jumping in! I’ve answered your questions below:

– Database caching was enabled. I have now disabled it.
– Object caching was always disabled.
– The site “breaks” meaning, there is no css, styling, images, or widgets. You can compare it the desktop site (www.tickettotakeoff.com) to see what should be loading. When mobile IS working, there are still some css issues which I’m troubleshooting with the theme developer. But for the most part, it works fine.
– Yes, the screenshot is how the mobile page is loading, which is incorrect.

The site flipped again last night – it worked for a few hours, and now it’s down again.

@andreslucero, thanks for your feedback as well! Answers to your questions below:
– Minify has always been disabled/unchecked under General Settings.
– I worked with my hosting provider, SiteGround, to enable CloudFlare. I spoke with them yesterday, also, about the mobile theme issue. And they simply directed me back to the theme developer/plugins without mention of CloudFlare/caching.

The goal is to continue using CloudFlare and W3TC. These are well known/highly used optimization services, and I’m surprised they’re (likely) the culprit here.

As an FYI – I have an email out to my theme developer as well who continue to blame the caching plugin, W3TC. Which seems reasonable since this looks like a known issue with other W3TC users. I expect a response from my them tomorrow (Monday) when they’re back in the office to see if there’s more feedback.

Thanks again for your time!!

Liz

Ahhh… thanks for the clarification. I see your real page now. Yesterday when i checked i apparently saw the broken version. I will have to wait a few more hours to hopefully see the broken version again so i can have a better look now that i have seen your working version.

Update #1 – 2 hours later — not changed.
Update #2 – 3 hours later — not changed.
Update #3 – 5 hours later — not changed.
Update #4 – 8 hours later — it’s changed!

• This reply was modified 7 years, 10 months ago by Kimberly.
• This reply was modified 7 years, 10 months ago by Kimberly.
• This reply was modified 7 years, 10 months ago by Kimberly.
• This reply was modified 7 years, 10 months ago by Kimberly.
• This reply was modified 7 years, 10 months ago by Kimberly.
• This reply was modified 7 years, 10 months ago by Kimberly.
• This reply was modified 7 years, 10 months ago by Kimberly.
• This reply was modified 7 years, 10 months ago by Kimberly.
• This reply was modified 7 years, 10 months ago by Kimberly.

Ok the problem seems to be that you have two different themes going. The broken one isnt actually broken at all it’s actually just using a different theme. I have both of your themes up and looking at the code.

It seems this “broken” theme is called Minileven and is being generated by a module within the Jetpack plugin.

So just navigate to the Jetpack module section, hunt down the “Mobile Theme” module and disable it.

Cheers
Kimberly

I tried just now and got the “broken” version. To be clear, CSS and JS are loading… but only from plugins, NOT the main theme.

Note that the last “style.css” file in that list is from the Minileven mobile theme provided in the Jetpack plugin:

https://theme.wordpress.com/retired/minileven/

It’s possible that Jetpack is overriding your primary theme and applying the Minileven styles, even though your main theme has its own mobile styles. Try disabling the mobile theme in Jetpack or your WordPress.com dashboard and see if that fixes the issue:

https://en.support.wordpress.com/themes/mobile-themes/#disabling-mobile-themes

(Be sure to clear the W3TC cache as well as the CloudFlare cache in order to see the changes applied to your site.)