Relevant post example: https://happybarefoot.com/shoe-review-xeroshoes-hfs-minimalist-lightweight-road-running/
When reading a post on a mobile, the menu seems to be empty and also some CSS elements.
I think this is related to the AMP plugin.
On the browser in mobile view:
https://prnt.sc/w96et7
https://prnt.sc/w96fiu
On mobile:
https://prnt.sc/w96gfn
https://prnt.sc/w96grs
Setting:
AMP plugin, https://prnt.sc/w96h8s
Theme, https://prnt.sc/w96irn
I tried, USE MOBILE THEME FOR Mobile and also Movile + AMP.
But it was even worse.
Hi,
This is because you are using the mobile theme plugin. This is a different theme only for mobile devices, therefore the menu https://i.imgur.com/MVMuRjc.png need to be set here https://i.imgur.com/3Y1Rn2f.png also if you want to have the same version as on desktop, you can use the mobile theme only for amp, then only on amp you’ll have a different version (this will be different doesn’t matter if is use the mobile theme or not).
Also if you want you can disable the mobile theme plugin and see the responsive version.
Thank you!
Thanks Calin.
The menu tip did the trick.
But the mobile view is still unsolved.
Here are my setting:
https://prnt.sc/wbof65
Here is the workaround:
By default, right after you created the mobile page (fresh new creation), the header and sidebar menu is not editable in tagDiv composer. You need to first import the template from the desktop page. Then only you can edit the footer (for mobile version).
The steps:
While you are editing the mobile page in tagDiv composer, click the [Manager] or [Website Manager]
then…
[header] > [convert template] > select the template header that is used by the normal page (desktop page)
Then, the header and menu sidebar will be unlocked for editing.
Hope this helps.
Sorry, it’s not clear.
Will this solve the CSS issues?
On the browser in mobile view (should look like this):
https://prnt.sc/w96fiu
On mobile:
https://prnt.sc/w96grs