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?
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
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.
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.
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.
