Website Layout Different from Original Theme/Demo Layout After Theme Update

Posted in: Newspaper
Post count: 12

Hi there!

After updating my Theme to the current version, I observed that the layout, in live mode, changes on mobile and even on desktop sometimes. Since I did not edit any PHP scripts or touched the backend of the theme, I did not expect anything to affect the layout at least. Whereas the layout is as expected to be as the original demo in production or edit mode (see Layout in production or edit mode), it is not the same in live mode (see a screenshot of layout on desktop Layout in live mode and a screenshot of the same layout on mobile device changed layout on mobile device ).

2. Another weird issue on mobile device: The correct layout both on desktop/device is as seen here correct layout on mobile/desktop. However, when you click any of the footer menu links e.g., About Us, the link does not display the page, instead, it displays this Footer menu displayed again instead of about us page. I am not sure why the footer menu is displayed again instead of the requested page. This issue does not affect the website on desktop view. For the record, I did not create nor assigned any mobile page as I do not find it necessary.

3. In trying to resolve the issues above, especially issue 2, I explored the Mobile Theme Panel which I guess came with the new theme version. Under Footer, I see

Foote

r and

Sub-Footer

. I am confused with these two because I only have one Footer named td-demo-footer-menu. I expected this footer to be the main Footer instead, it appears under Sub-Footer. Because it is the only footer I have, I enabled the

SHOW SUB-FOOTER

button. Currently, the

SHOW FOOTER

button for the main FOOTER is not enabled, and I think it may be an issue as well. Because I am confused, I have left it as it is hope you will assist with clarification and the way out to resolve the whole issue. I believe the issues I have explained in 1 and 2 stem from here. I hope my query is clear. Thanks for your kind assistance.

Post count: 21065

Hello!

When you install Mobile Theme plugin, your pages will be overwritten by the plugin.
We have 3 options of mobile versions that you can use:
1. Responsive version: A responsive version of your website is looking similar like on desktop, edit the page with TagDiv Composer, click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB ; there you can see your mobile version and you can edit the elements there or adjust them to look better.

2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/

3. Mobile theme plugin: The Mobile Theme is a performance optimized theme included in the Newspaper main theme and it loads only for mobile devices. It comes with its own templates/design for page, post, category, etc so your current templates from the desktop theme will get converted to the mobile theme layout. For more details, please take a look here: https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/

A full explanation you can find here: https://www.youtube.com/watch?v=SpGkOnJeNZY
You can choose to use which one is more affordable and useful for you.

Note: If you want to use version 1 or 2, then you need to deactivate the Mobile theme plugin and see the results.

Thank you!

Post count: 12

Many thanks, Bettina. It all makes sense now. Cheers!

Post count: 21065

Hello!

I’m glad that I could help you!

Have a wonderful day!

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