Static Server Cache messes up the layout on mobile front page

Yes, the screenshots are of the mobile page. We use caching from our web hosting company WPMU. It’s a server level static server cache.

​Yes, same cache for desktop and mobile.

From: Simion
Sorry for the delay.

From what I see, what happens is normal. The news ticker is in the desktop header, so it won’t be displayed on mobile. Then the titles of those 2 blocks aren’t the actual titles of the blocks, they are standalone title elements, both in their own inner row, so on mobile they are displayed one below the other. It’s just how the page was built.

It is however strange that the page looks different while logged in. Unless you are maybe using a mobile page. Then the explanation would be that while logged in you see the mobile page, which has the correct design, and while logged out we see the desktop page, which has problems. Normally if there is a mobile page set, it should be displayed for logged out users as well. But dedicated mobile content such as a mobile page is sensitive to the caching used on the website. It depends on what caching plugin is used on the website, or if cloudflare is used.

In my opinion it’s most likely the caching used on the website. For example, usually adding a simple parameter after the website URL bypasses the cache, so I see the correct version like this – https://prnt.sc/P5jcuAmOrCR2 So you are most likely using a mobile page. Could you let me know what caching you are using? I can;t log into the website, I tried with an old user and pass but they aren’t working anymore.

As a note, in case the caching you are using doesn;t support dedicated mobile content, then the only solution is to stop using a mobile page, and fix the desktop page so it looks good on mobile as well.

Let me know.

Regards, Simion C.

I combined the titles ‘latest news’ and ‘national columnists’ with their respective elements using ‘custom title’. Appears to be fixed now.

Thanks.

Bob