mobile Header / Footer not working

I have a Testsite but mobile Header & Footer looks not like on desktop. Whene I smaller my Desktop-Window it looks good, but if I look it up on mobile (iPhone or Android) it’s not correct. It also shows the Standard-Footer with the copyright of TagDiv. Mobile Plugin of your theme is NOT installed or active. If I check out the Page on Desktop with your TagDiv Composer Phone-Viewport, it also looks good.

I can give you access to the page. How can I hide username & password?

If I check on Chrome and simulate mobile, it shows correct. Only on the devices (Smartphones) it is wrong. I also contacted your support via eMail and they should have WP-Admin access now.

Problem is only on the “Homepage” not on the category or single post pages.

thank you but it’s not solving the problem… you should have admin access. Can you check?

By default, right after you created the mobile page (fresh new creation), the header/footer is not editable in tagDiv composer. 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.

there is no “mobile page” of the “homepage”
Even if I remove the header & footer, it is showing a header and footer on a mobile device. It’s also only on the homepage. On desktop it looks good in editor view.

I also do not have any cache plugin active. I deleted cache and changed devices.

Assuming that you are using the latest version of “Newspaper”.

You can first verify that if the mobile plugin is installed or not (which I think you have already activated it), but in case not (just to verify)….

at the [newspaper] > welcome

click, install and activate the recommended plugins
1. tagDiv Mobile Theme
2. Official AMP for WP

then go to [theme panel] > [mobile theme] > [mobile settings] > USE MOBILE THEME FOR
> select “AMP” > save settings

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”

then you can start editing the mobile page.

in this newspaper theme, editing the main page for desktop pc and mobile are 2 different design

the mobile page requires another separate creation and editing.

therefore the “mobile” edition of the “page” is needed to be created.

there are 2 ways (which I know so far) to create and edit the “mobile” version of 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/

• This reply was modified 5 years by mjb.

==============
2nd way:
==============
further explain…. “go to the page”, refers to the frontend of the page (not backend)

Thank you all, support fixed the problem.
Somehow it was because I had a mobile Page but it wasen’t active or there. He created a mobile Page again and deactivated from the homepage before he removed it. That somehow fixed the problem.

Support is checking for issue and how this could happen.