Desktop differs from mobile version

Posted in: Newspaper
Post count: 3

The desktop version of my website https://www.happyinshape.com looks the way I want it to look and looks the way I’ve configured it through the TagDiv composer, but when opening my website on a mobile device (iPhone 11) it looks way different:
– no header menu
– no logo
– no ad below the menu
– very different footer than desktop
It’s really confusing me since I didn’t add a ‘mobile page’, also the design looks good in the composer when selecting the mobile device and I don’t have a clue where the mobile variant of my website gets the current footer from since it differs completely from what I’ve configured.

In short: what page is loaded when my website is visited on a mobile device and how can I make it look like the desktop version I’ve configured? I just want it to have the same blocks, order and content on both devices.

Reproduction possible by visiting the mentioned URL on desktop / laptop and on mobile and compare the homepage.

Post count: 27744

Hello,

Have you ever created a mobile page and then deleted it?
Please create a mobile page with copy content and after you need to set to “No mobile page” => https://www.screencast.com/t/ynhZy7SNOqh and see if the problem persists.

Thank you!

Post count: 3

Aha! Yes, indeed I did. Thank you, if I would have known that it would have saved me a lot of time.
Seems like a bug?

One follow-up question; homepage on desktop and mobile looks the same now, except for the ad block just below the menu. It appears on desktop version, but not on the mobile version. Strangely, if I add the advertisement block in ‘mobile’ mode it appears twice on desktop and only once on mobile. Any idea why that block specifically is not shown on both layouts, but only on desktop?

Post count: 27744

Hello,

You need to add the ad in the header mobile menu, to display for mobile, like this => https://we.tl/t-hmJeD1wSWz

Hope this helps you!

Thank you!

Post count: 3

Following your video tutorial, that’s what I tried before. When doing so the desktop version of the website shows the ‘Ad title’ – Advertisement – twice. On mobile it is not visible and not loading an ad, while it’s the same ad unit code as on desktop.
Anything I can try to resolve this?

Post count: 27744

Hello,

I think the problem is from AdSense ads https://www.screencast.com/t/t97SBHw2VCQ7 you are using some auto ads, those need to be called only once per page. What I can recommend is to try using some standard ads => https://support.google.com/adsense/answer/9190028?hl=en&ref_topic=28893 and only one auto ad => https://www.wpbeginner.com/beginners-guide/how-to-add-google-adsense-to-your-wordpress-site/

Hope this helps you!

Thank you!

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.