Mobile page is showing on desktop

Posted in: Newspaper
Post count: 40

Hi

We are having a strange problem. We use Newspapper on several sites, with the same settings, but one in particular has a problem that we were unable to resolve.
When accessing the site, the mobile layout/page is displayed for the desktop and the mobile page/layout appears on the desktop.
We use the mobile themeplate for the home, title and category.
The strangest thing is that this doesn’t happen all the time. We disabled WP Rocket to see if the problem was the cache created by it, but it worked for a longer period, but the problem happens again.

– The mobile theme plugin is not activated
– Separate caching option for mobile was enabled in WP Rootet
– We used week pro and made some layout changes
– The problem does not appear for logged in users
– After editing the site, the layout is correct in incognito tabs for a while, but then returns

url: https://ocapixaba.com.br
Correct desktop layout: https://imgur.com/a/CK2mwnG
Mobile page being displayed on desktop: https://imgur.com/a/RNAkZrB

The only way to solve it was to deactivate the mobile version of the pages

How can we solve this problem?

Post count: 21065

Hello!

This issue is due to the cache. So, please uninstall all the cache plugins that you use and also check if your host is not using any extra caching tools.

Thank you!

Post count: 40

Hi

We’ve already tested this.

We disabled the caching tools and it didn’t solve

Post count: 21

I’m having the same issues. No caching plugins either.

Post count: 40

Now another site started to present the same problem, but in this case after reloading the pages a few times the layout returns to normal

https://eshoje.com.br

Post count: 10

Also having this problem. We using Kinsta cache (from our hosting company), uninstalled and reinstalled but the issue has not been resolved.

Post count: 26

This situation can appear from the cache, please make sure that the cache plugin you use can make a mobile cache that is delivered separately.

Cloudflare Cache Everything

When using Cloudflare Cache Everything page rule, Cloudflare will cache whichever device version will come first, and will serve it to all following visits.

It needs to be turned off if it is mandatory to have a different cache version for mobile and desktop.

  • This reply was modified 3 years by Henrieta.
  • This reply was modified 3 years by Henrieta.
Post count: 26

Cloudflare APO

When using Cloudflare APO at the same time as the “Separate Cache for Mobile Devices” option, make sure to enable Cloudflare APO’s caching by device type. Here is where you can find it:
– The setting from the Cloudflare dashboard’s APO card
– or from the WordPress plugin version 4.4.0 or later
This will force Cloudflare APO to cache and serve the right version of the page.

Post count: 40

I was in the same case, it was indeed a cache problem but I could never find a workaround. Moreover, I’m not good at coding or advanced settings. I don’t use cloudflare, I use the litespeed cache server, I asked for a ticket for support from litespeed, then they just said there was a problem with the tagDiv Mobile Theme and I decided not to use the plugin, even editing with a special mobile theme is the same. I can only edit the mobile theme via the standard responsive editing composer.

I just think the server will try to load the mobile view first and make desktop users or visitors always see the mobile view, because maybe it’s faster to access, that’s my logic.

I think this problem can be solved, because I or as a person cannot use the full power functions of this theme.

Viewing 9 posts - 1 through 9 (of 9 total)
You must be logged in to reply to this topic.