Hi there,
I have the mobile theme plugin installed for my site madinnorway.org. The trouble I’m having is that the design of the site on desktop is affected by the design choices I make when working in the mobile tab on TagDiv. I imagined that the designs could be independent of one another. Is there a setting I am missing to make that possible? Thanks so much,
Karin
Hello,
I recommend disabling the TagDiv Mobile Theme plugin, as any changes made for mobile won’t be reflected while it’s active. You can create mobile pages and templates.
Using our theme, you can choose from 3 mobile versions
-> mobile responsive => https://www.screencast.com/t/oJ2ShOp47
-> mobile theme plugin => https://forum.tagdiv.com/the-mobile-theme/
-> mobile page => https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/ The option that you need to use; for this , you need to convert the header and footer -> https://www.screencast.com/t/HrjOBNayd to edit with tagdiv Composer.
Suppose you created the mobile pages with tagDiv Composer. In that case, when you install the Mobile Theme plugin, your pages will be overwritten by the plugin (the mobile theme comes with its templates for page, post, category, etc, so your current templates from the desktop theme will get converted to the mobile theme layout, the page content is made without builders in mobile editor => https://www.screencast.com/t/xbgZG8kH also, the options that are provided to edit the mobile theme version are limited (this keeps the things simple)).
This is a video about Responsive Newspaper Theme, AMP & Mobile Theme, Mobile Pages & Templates -> https://www.youtube.com/watch?v=SpGkOnJeNZY.
So, the mobile responsive is what you see when that you select the viewport on phone => https://www.screencast.com/t/matV17hH, so some settings may apply for each viewport(where is the border blue), and others are not(where the border is black).
The mobile page has the mobile templates from Cloud Library => https://www.screencast.com/t/YCcZ8rL8
The Mobile responsive version of the theme and the mobile page editor can be edit with tagDiv Composer, the mobile theme plugin cannot.
For example, you can have the mobile theme plugin activated and use the mobile page/mobile responsive version for the homepage/pages, but for the categories pages/404 page, you can’t use the mobile page/mobile responsive version if you have the mobile theme plugin activated.
So, if you want to design the pages with tagDiv Composer, you can use the mobile page or mobile responsive version.
Thank you!
How to create a Mobile Design that is Independent from the Desktop Browser Design, without using the default mobile theme.
Hi Barbareto,
For this, you can use the Mobile page template. Here are the three available solutions for the mobile version:
1. Responsive Desktop Version – The default responsive layout that adjusts to mobile screens using tagDiv Composer – https://i.imgur.com/apZQZ0o.png
2. Mobile Page/Template – A custom mobile layout that can be created using the tagDiv Composer.
3. tagDiv Mobile Theme Plugin – A separate mobile theme that provides a dedicated mobile experience but is limited in edits and changes.
Note: When the tagDiv Mobile Theme Plugin is activated, it takes priority and will be displayed on mobile devices. If it’s not active, the system will check for a mobile page/template built with tagDiv Composer. If neither of these is in use, the responsive desktop version will be shown by default.
Thank you!
