Return to previous page

Desktop header shown on mobile instead of mobile header

This topic has 6 replies, 3 voices, and was last updated 1 years, 10 months ago ago by Rose Tyler

Martin

Participant

December 30, 2022 at 13:19

Hi,

the desktop header keeps showing up on mobile, i.e. it does not switch to the mobile header on certain pages.

https://ibb.co/jz6j0RP

I could find out that the problem is definitely connected to page caching. I am not asking you to solve a problem that it is not caused by the theme, but it would be great if you could look into it. Just in case something with the theme causes it, since it affects only the header.

I use W3 total cache. With page cache disk mode enabled, the wrong header (i.e. the desktop header) is displayed on all pages instead of the mobile header.
However, with page cache in opcache mode enabled, the wrong header is displayed only on the homepage. All other pages show the correct mobile header.

I have ruled out all other caching methods, asset minification, other plugins, etc… It is independent of the phone, or the browser. I also went through xstore’s speed optimization options one after the other.
The problem consistently goes away only with page caching disabled. Interestingly, with page cache ON it works correctly for a few minutes right after emptying the cache, but then again switches to desktop header on page reload.

I would very much appreciate you help!

Best regards
Martin

Please, contact administrator
for this information.

#342666 Copied Theme version: 8.3.9

5 Answers

Tony Rodriguez

Support staff

December 30, 2022 at 14:54

Hello, @Martin,

First of all, thanks for the detail explanation of the issue.

Now, the thing is on your site there multiple cache plugins installed and activated also, you are using the theme cache options on your site as well. While using third-party plugins for the cache/optimizing do not use the theme settings for the cache both will conflict and cause unexpected issues on the site like now.

To solve your issue I just disable these options from the theme settings >> speed optimization >> see the images: https://postimg.cc/V5c1qCjm and https://postimg.cc/LYp71jGW by doing this your issue is resolved. Here is the resulting video from my personal mobile: https://streamable.com/rabdnr as you can see I navigate to multiple pages and the header is working fine now.

Further if the issue came back again then try to flush ther server cache and use only 1 cache plugin at a time for now, there are multiple plugins installed and activated for the cache and optimizing on your site.

Regards 8Themes Team.

#342681 Copied

Martin

Participant

December 30, 2022 at 19:03

Hi Tony,

thank you for your help. But the issue comes back, flushing caches does not help.

I know, sometimes it goes away for a few minutes. Usually after changes in the xstore configuration.

See screenshot https://postimg.cc/jCGTmdfd

there are multiple plugins installed and activated for the cache and optimizing on your site

No, there really aren’t. I only use W3 total cache for page, object and browser cache. CSS and JS are managed exclusively in “Asset Cleanup” which does not affect the problem at all. Neither does Perfmatters do any caching at all.

I had already tried deactivating those settings in xstore speed optimization before, one by one AND in combination. No results.

For good measure, just before writing this, I also deactivated Menu Dropdown Ajax Loading and Menu Cache. And again, for 2 minutes it worked fine, then the problem came back upon page reload!

Also, once again, I deactivated ALL plugins except W3 total cache, waited, flushed, waited… the problem persisted.

Only when I deactivate page cache in W3 total and the issue is reliably gone.

Best regards
Martin

#342700 Copied

Tony Rodriguez

Support staff

December 31, 2022 at 06:43

Hello, @Martin,

Of course, As I said about the cache. Once you flush the cache from the plugin settings it starts to appear fine and then after just a few minutes the issue will start appearing. If there is something wrong with the theme or its settings the issue does not have to solve for a couple of minutes only, no matter how many times you flush the cache.

I suggest you contact your service provider and let them know about your cache issue.

They will flush the server cache and disable the cache system from your site. I hope by doing this your issue will be resolved.

Regards 8Themes Team.

#342711 Copied

Martin

Participant

January 2, 2023 at 13:41

Hello Tony,

I do not see what it has to do with the provider. I can disable/flush the opcache myself in the panel, but it does not help.

I can also change the cache method to “disk”, which I have done. Problem still there.

Css/js management is OFF. Opcache is OFF on the server. Problem still there.

Only when I disable page cache in w3 completely, it is gone.

So either it is an issue with w3 or with xstore. I cannot tell but I need to start somewhere. All I am asking for is to have a look into it, please.

Beste regards
Martin

#342772 Copied

Rose Tyler

Support staff

January 2, 2023 at 16:51

Hello,

Please try: Theme options > General > Mobile Content Optimization > Off.

Regards

#342801 Copied
Tagged: best selling themes, desktop header, mobile header, persuasive writing, responsive design, woocommerce
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Desktop header shown on mobile instead of mobile header’' has been successfully resolved, and the topic is now closed for further responses

Desktop header shown on mobile instead of mobile header

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection