“Don’t load (header) on mobile / desktop” – Caching Issue

Hi there,

I’m encountering a caching issue when it comes to not loading the Desktop Header on Mobile and vice versa.
I’m using the LiteSpeed ​​​​​​​​Cache plugin and the following situations occur:

• Once I enable “Don’t load on mobile” for the Desktop Header (or “Don’t load on desktop” for the Mobile one), with all my custom configurations enabled in LiteSpeed, it happens that either the Desktop Header is no longer visible on desktop as well, or the Mobile Header disappears altogether.
• Using the “View Site Before Optimization” button in the LiteSpeed ​​Debug section, everything seems to work properly. The Header is visible on both Desktop and Mobile.
• Thus, I tried excluding any CSS / JS files of the theme or TD plugins, one by one, to identify where the problem could be coming from. However, that didn’t help.
• Then, I disabled all the settings under “Page Optimization” (Minify, Combine, etc.) one by one. Even with all the settings disabled, the problem persists, with the Header showing only on Desktop or only on Mobile.
• So, while using the “View Site Before Optimization” feature gives good results, on the other hand, disabling all optimization settings doesn’t help.

• I also tested “View Site Before Cache” and again the problem seems to go away.
• In this regard, I moved on to disabling the settings in the “Cache” section, starting with all the other features except the standard “Enable Cache”. Nothing helped though…!
• Furthermore, I disabled the last remaining setting, “Enable cache”, and that indeed solved the problem, with the Header displaying correctly, on Desktop and Mobile.
• I started re-enabling all the custom options in “Page optimization” (Minify, Combine, etc.), leaving only Cache disabled and it seems that the issue no longer occurs. So, this shows that this feature in the TagDiv Header (“Don’t load on mobile / desktop”) conflicts with LiteSpeed ​​cache.

I’m wondering if there is a solution that would allow me to properly use this feature in the TagDiv Header together with caching inside LiteSpeed​. For instance, would there be a way to exclude the header from being cached by LiteSpeed ​​or something like that?

Thank you in advance for your support!

Kind regards,

Hi there,

I can confirm that this issue also occurs with WP Super Cache.
When enabling “Don’t load on mobile / desktop”, the Header is displayed on Desktop and not on Mobile, or vice versa.

Therefore, it’s not a conflict with the LiteSpeed ​​plugin in particular, but with the caching feature itself.

I would really appreciate it if you could assist with this issue!

Thank you!

Hi Bettina,

Thank you for your reply!
Unfortunately this doesn’t help to solve the problem and it seems that you didn’t read my whole explanation carefully…

As I said, the problem doesn’t occur only with LiteSpeed, but also with WP Super Cache. So, as stated, this is not specifically related to LiteSpeed.

Of course I don’t use multiple caching tools, as I know that this is not a good technical approach and creates conflicts.
I tested WP Super Cache on a clone of the site (without LiteSpeed ​​​​​​​​​​​​installed / activated), to see if the problem keeps coming up. I confirmed that it does!

I listed the entire troubleshooting process to show the conditions under which the issue occurs. Disabling all the other plugins doesn’t help either, as the problem persists. Only disabling the standard Cache eliminates the problem, in both situations: using either LiteSpeed ​​​​or WP Super Cache.

I also don’t think it’s host-related. I tested with LiteSpeed ​​​​​​​​on Hostinger and on the cloned site with WP Super Cache on Bluehost. Again, the problem persists!

The Object Cache is enabled in LiteSpeed, as it’s available with Hostinger, but the problem doesn’t appear when that’s enabled, nor does it disappear when that’s disabled. The error only goes away if the Page Caching is disabled.
I don’t have the Object Cache enabled with WP Super Cache, so another reason to understand that it has nothing to do with it.

I don’t use AMP or the Mobile Theme plugin. The entire design is just responsive.

The only thing I’m not sure about is the ESI section in LiteSpeed ​​​​​​​​: https://prnt.sc/6O6fFh0PqBaU
I understand that this section gives you the chance to somehow exclude or set a different TTL for parts of the pages, to avoid serving outdated / wrong information.
However, enabling ESI causes the site to display incorrectly, so it doesn’t help in my case.

I was thinking of making use of ESI Nonces (https://prnt.sc/KDVCieNE_XTs | https://prnt.sc/J93A51NqhNPb), but again, I’d need to know what to exclude there. So again, it’s something related to the theme.

I know you have so many clients to respond to every day and I always really appreciate your whole team for all the work you’ve done and continue to do, but please pay more attention to the problem and its details. Otherwise, we’ll continue to ping-pong with the messages, taking each other’s time, risking not finding the right solution.

Maybe it’s a bug of this Header feature (“Don’t load on mobile / desktop”) and you could try testing at your end as well, using LiteSpeed, WP Super Cache or any other caching plugin.

Looking forward to your input!

Thank you!

Hi Bettina,

Thanks again for your reply!
I really appreciate you taking the time to investigate this issue further!

I will do so.

Thank you for your support!

Did this ever get figured out? I have the same issue…

• This reply was modified 11 months by mitchyg.