Style information keeps getting lost

Hello,
SO it appears that your CSS is breaking?
Are you using Auto minify option? if so please switch to manual and add those files manually and in order.

Hi Marko,

Thanks for the reply. I just checked and found that I had already disabled minify on the W3TC General Settings page to try and fix the problem. Is there anything else that could cause the problem?

Also I can’t see how manually specifying files to minify would work given that most of them come from plugins that are constantly being updated. Wouldn’t this cause the site to break each time a plugin with a manually specified file was updated?

Thanks,
Graham

Hello,
So the issue persists when you disable minify?
Can you please share what other settings you have enabled in W3 Total Cache?
Are you using Cloudflare or maybe some other caching/minify plugin?

Hi Marko,

Thanks for your reply. Yes, that is correct. I’ve just published this article, and when I view it on my iPhone, the style information appears to be missing. On my desktop browser it looks OK.

I’m not using Cloudflare. I only have the Page cache and Browser cache enabled. I’ve saved all the W3TC settings here.

Thanks,
Graham

Hello,

So you need the cached pages that are specific for the User-agent. You can use User Agent Groups for this in Performance>UserAgent Groups. With this, you can create a group of user agents by specifying names in the user agents field. Assign a set of user agents to use a specific theme, redirect them to another domain or if an existing mobile plugin is active, create user agent groups to ensure that a unique cache is created for each user agent group. Drag and drop groups into order (if needed) to determine their priority (top -> down.

Just follow the instructions on that page.

Thanks again for the reply Marko.

I’m using Hestia, which is a responsive theme so I naively assumed that the user-agent wouldn’t matter. I’ve enabled the high & low groups each of which have a long list of user agent that I don’t own and can’t easily test. Am I correct in assuming that since the theme is responsive, I can leave Theme set to “pass through” and let the theme handle the user agent differences while w3 total cache will cache the results in the unique cache for each user agent group?

Cheers,
Graham

Hello,
In order w3 total cache to create the unique cache for each user agent group, you need to specify the Theme. pass through is used if you are using a mobile plugin.

Thanks again Marko. But there’s a new problem: when I select the theme in the User Agent Groups, I get the error message: Duplicate theme “hestia/hestia” found in the group “high”.

Hello,

Hestia uses media queries, so there’s no difference in code between mobile and desktop. User Agent Groups will probably not solve the issue.
Maybe you could try with a pass through.
I’ve consulted with a team and in order to find out what is causing the issue, we need to take a closer look. SO at this point, I can offer you professional support.

Hmmm… that’s weird. Well, I’ll leave it set to Pass Through and see whether the problem recurs.