I think you have activated the mobile page, the mobile page requires another separate editing.
Desktop page and mobile page, both template design works are separated. Therefore whatever you have done at the desktop page has no affect on the mobile page.
You can first try to read the info in this discussion:
https://forum.tagdiv.com/topic/mobile-header-footer-not-working/
to have the idea of working with mobile page.
Then, simply edit the mobile page, import the header template, then you can start editing the header section (for mobile page) just like how you edit the header of desktop page.
-
This reply was modified 5 years by
mjb.
You may activate the mobile at:
[theme panel] > [mobile theme] > [mobile settings]
> USE MOBILE THEME FOR > select “AMP” > save settings
(just to make sure you have activate toolbar at frontend)
then, go to [wordpress menu bar] > users > select and edit your user
at the “Toolbar” > make sure you select “Show Toolbar when viewing site”
at the “AMP Developer Tools” > make sure to enable “Enable AMP developer tools to surface validation errors when editing posts and viewing the site”
you may start editing the mobile page.
in this newspaper theme, editing the main page for desktop pc and mobile are 2 different designs
A quick review on creating the mobile. 2 ways to create mobile page:
==============
1st way:
==============
[wordpress admin menu bar] > [pages] > find your page (the home page) and select [edit with TD composer]
in short, edit the page with “TD composer”.
now you hav enter the TD composer editor, at the left panel where you can see “Welcome to tagDiv Composer”, at the top, you should be able to see either [create mobile page] or [edit mobile page].
there, you go, click on that button, you’ll start creating mobile version of the page.
==============
2nd way:
==============
while you have already log in, go to the page (in this case, the home page), at the top center toolbar, at the green button [edit with TagDiv composer], at right side, you will see the option to create or select the mobile page version.
for more information on this guide, you may refer to this tutorial guide:
https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
================================
Editing the header & footer
================================
You need to first import the template from the desktop page. Then only you can edit the header/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…
[footer] > [convert template] > select the template footer that is used by the normal page (footer page)
Then, the header, menu sidebar and footer are all unlocked for editing.
To edit the background image of sidebar menu:
> go to [theme panel] > background > mobile menu/search background > background image
-
This reply was modified 5 years by
mjb.
Hi meihaoing, I have just installed this theme a few days ago with latest version, and it works at my side. I’m not sure which step is missing on your side, I’m sorry that I’m currently unable to provide further insights to guide you. Hopefully one of the tagdiv development team can assist you further. good luck.
Hi, tagdiv team, you may handle this from here.
Hi @meihaoing!
You can simply hide elements on mobile viewport when you edit that post with TagDiv Composer, check this video: https://www.screencast.com/t/qOE1ts2Lp
Hope that helps you!
Thank you!
Hi @meihaoing, you may restart a new post specifically on the topic of changing the mobile sidebar background menu