- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsWhat is Ajax preloading?
Hello !
I will create here a quick resume until the official documentation will be released.
– In order to run Mobile Template you will need to deactivate the Mobile theme plugin !
– AMP is not compatible with the mobile templates at the moment !
What are the mobile templates:
Independent template for the mobile Viewport ( NOT for mobile theme ).
They can be edited using tagDiv Composer exactly like the normal cloud library templates for desktop.
How to create a mobile template:
1. You can do it from any page by using the admin bar as you can see here: https://www.screencast.com/t/ljppfXpXXnM
* Side Note: I personally suggest you to check the COPY CONTENT option because it will create a new mobile template with all the elements from the page that you have copied the content. Please note that the 2 are NOT related. So for example, if you delete an element on your mobile template, it will not affect the desktop version.
It is easier for users to start with a base. For the advanced ones, they can design a page from 0. All this using tagDiv Composer.
After creating your page template you can find it in pages as you can see and edit it from here: https://www.screencast.com/t/Yq2F2Tg5J. Also you can see your page and you can edit it from here: https://www.screencast.com/t/2bevGosmXqCH
Everything should work pretty much as any cloud library elements.
Also please do not forget to always refresh your pages when you look at them.
I hope this was helpful !
Thank you !
On the edited posts templates for both desktop and mobile, I have placed ads codes but they are not showing ads. The only thing I see is “Advertisement”. However, the same code placed on the sidebar widget and top header work alright showing ads.
This is the code;
<script data-ad-client="ca-pub-9836362449699621" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
Any direction?
Thank you.
Hello !
The Mobile theme was specially designed for optimization on mobile devices. Unfortunately on mobile theme you cannot do much changes of design. If you want to have the same design as on desktop mode you can achieve that by simply disabling the mobile theme.
You will have to recreate your pages into the Mobile editor or completely disable the mobile theme. The mobile editor will not render shortcodes !
Also you can disable mobile theme on certain pages or posts by following this setting: 
Please take a look here: https://forum.tagdiv.com/the-mobile-theme/
Mobile theme plugin can be disabled from Newspaper Plugins as you can see here: https://www.screencast.com/t/LnkZCEVC
You are now able to create mobile viewport templates as you can see in our guide here: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
! Atention ! If you are using mobile templates you will have to remove the mobile theme plugin and also at the moment AMP is not working with mobile templates.
Please note that at the moment the Support team is not 24/7 available. We answer the topics from Latest to Newest Monday – Friday from 08:00AM to 05:00PM GMT+2
Thank you !
Hi,
Indeed the page https://www.ircatoday.com/business-directory/ is loading quite slow because the page is so big -> https://i.imgur.com/LGrcCu2.png and is take some time for mobile devices to load it. Now you have one page with all services, to get a better preformats, you can set a page fore each services in part, in this way the page will be load faster on desktop and mobile.
Also is look that the elements from mobile menu are not all listed because there is set a max-height, for this you can use this custom css -> https://i.imgur.com/vNUqy8w.png
.td-mobile-content .td-sub-menu-open > ul {
max-height: 20000px;
}
Thank you!
Hello !
For the header it might have been an issue when installing. But it is good that is now fixed. You can edit your footer by accessing the website manager and scrolling to the bottom of your page ( it can be any page where that footer is set ): https://www.screencast.com/t/u9nHxfjshIVu
That is just a new option which allows you to create a cloud library template for your mobile viewport. You don’t have to use it if you do not want.
Thank you !
Hello,
There were conflicts with another plugin, I fixed it myself. Now it’s fine.
BTW one more question:-
I can set a custom menu for sticky header on desktop but on mobile, there is no option to set a custom menu https://prnt.sc/v8k4gs The mobile sticky header is pulling the main header menu. Is there any option for a custom mobile sticky header menu?
Thank you so much for all your help 🙂
Hello !
At the moment for the mobile viewport you can find the new cloud library templates. https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
We are working on a documentation as we speak and it should be available soon.
Please take a look here: https://forum.tagdiv.com/topic/mobile-themes-cloud-library-v10-3-7-update/
Thank you !
Hi, I’m using Newspaper theme on my blog along with their mobile theme & AMP plugins. My question is how I can set up ads on amp pages with their mobile theme plugin. I see on mobile devices there is only one ad showing on random posts, not on all posts. The way ads show on my desktop version I’m not able to see ads on AMP pages on mobile and tab devices. Please help me with this issue.
Hi,
Sorry, I understand wrong!
To do this you need to edit the mobile page that you have assigned to this page -> https://i.imgur.com/OP3PPSQ.png select the heard logo select it to center -> https://i.imgur.com/4JpYd2h.png then in style tab set the color and text size -> https://i.imgur.com/75BDhvD.png then you’ll get this results -> https://i.imgur.com/Hp34xdi.png
Hope this will help!
Thank you!
Hi kareem khattab,
WPRockets recommends not to enable this feature until you have a mobile version of your theme. I had disabled it with versions < V 10.3.7. But it should be enabled with Version 10.3.7 and higher of Newspaper to make sure the devices get their correct versions from the cache also.
I am using WP rocket, and the plugins used in the theme I cannot deactivate any of them. I am using premium WP rocket, but still the site speed is slow, and mobile speed is the worse
but not show not good in mobile views
Please help me to make it clear
Hi, I very like tagdiv theme, however I can’t set my mobile theme correctly.
The theme i’m using is “Magazine Pro”
“Magazine pro” works perfectly on desktop. but when i’m using mobile phone, the theme has become “default”.
Please help!
Thank You Calin for your response.
Yes I completely agree what you are saying.
I had checked Cloudflare forum, and they are saying it’s not possible to configure APO in every plugin since tons of mobile plugins are around.
As well, they are working on the issue –> https://community.cloudflare.com/t/wordpress-apo-and-mobile/211462
There are two options
1. Cloudflare has to enable mobile support like ‘W3 Super Cache’ or giving mobile theme support to Newspaper theme.
2. Newspaper theme has to take initiative to solve the issue.
I’m badly missing Newspaper Mobile theme lightening speed in Cloudflare APO.
Regarding “create mobile pages and mobile templates”
I’m not interested to do because always standard Mobile theme plugin will be good for anything.
Custom mobile theme will be giving trouble and compatibility issues which I don’t want.
I really liked Newspaper Mobile theme.
I thought Newspaper mobile / desktop theme was a bit heavier but once I started using the Cloudflare APO only realized how fantastic theme Newspaper is.
I’m not saying jus for a sake. Its (Mobile theme) really lighter and lightening fast with APO (even with shared server)
I request you to consider fixing the issue with Cloudflare APO. Newspaper theme is one of the leading themes so hope it will be solved soon.
Thank You in advance
Giri
Hi,
Im currently using the romania news layout so I realized that in mobile version this layout doesnt show the slide or header background, is there a way to show it? as seen on the follow link?
Hi there,
The website version of my landing page displays correctly, but the mobile page is displaying a random layout and design that I never created – it appears to be an AMP issue.
I have set my AMP settings according to the TagDiv recommendations, set it to ‘Mobile+AMP’ in the Theme Panel, have my WP Super Cache set up as you guys have recommended, but no change. I have a mobile theme version of the page also.
I have tried deactivating AMP and waiting 24 hours, but also no change.
My website is annadrummond.com
Thanks.
Hi Calin;
Thanks for your response. As mentioned, I’ve already switched the appropriate thumbnail sizes on. The images don’t appear regardless of whether it is MOBILE+AMP or just AMP.
I’ve emailed the site details to you for review. Thank you!
OK, I found where to set the default header and footer templates – in the Theme Panel – but why did the Newspaper theme forget what the default setting was, and will it happen again?
I’ve gone to Cloud Templates. I can edit the Header Template – default PRO with TD Composer, but can’t edit the Footer Template – Default PRO with TD Composer.
Why is the TD Composer page and the admin bar telling me to create a mobile page? Mobile seems fine.
Hello,
I have created a page.
I have created a mobile template for it.
Unfortunately the URLs are not the same. And you cannot name them the same.
Desktop: https://modusx.de/gesundheit/hormone/
Mobile: https://modusx.de/gesundheit/hormone-mobile/
I have indeed specified a Canonical on the mobile version. But I don’t think it is solved very nicely.
Screenshot: https://nimb.ws/kE2dqU
Is this changeable in any way? I do not want different URLs for my desktop and mobile site.
Also:
Margin-Bottom is not taken over for Mobile-Template.
Screenshot 1: https://nimb.ws/F32lRn
Screenshot 2: https://nimb.ws/SqZYNF (live)
Hi goudafm,
If you are using Newspaper v10.3.7 then you can achieve what you need using the new option for mobile pages -> https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/ in this way you can adjust the mobile layout in the way you want, also you can display a different content if you want and all these can be done using tagDiv Composer, using this method you don’t affect the desktop version.
Also I think that is possible to use a custom css only for mobile, if you want I can take a look to see if I can make a code for this, just provide me a link to your website.
Hope this will help you!
Thank you!
Hi,
The mobile images do not appear because you are using the mobile theme plugin, then you need to enable in theme panel > block settings > thumbs the “265×198” and the “741×486” thumbnail sizes in order to show the featured images properly.
Also if you want to have the same version of mobile, you do not need to use the mobile theme plugin, you need to use the responsive version, therefore you need to disable the mobile theme plugin or use it only for amp -> https://i.imgur.com/I7efenm.png
Hope this will help you!
Thank you!
Hello Vlad.
Honestly Iam using on all my sites Fastest Cache plugin. But it made this theme corrupted in the way i posted yesterday. Used recommended Super Cache plugin and it works flawless. Great theme. Would be cool to have more Mobile theme customization in upcoming patches 🙂
You can close the thready if u are moderator. Have a nice day 🙂
Hi teknobilimadami,
We get your emails and our team from email will try to find the problem and fix it, most probably this will be today or tomorrow, unfortunately sometimes the problem is complicate and it can not be solved very fast and is take one-two days.
1. We have a guide for the steps that you can try when tagDiv Composer is not working -> https://forum.tagdiv.com/tagdiv-composer-not-working/
2. Also I see that your sitemap is look now like this -> https://i.imgur.com/ByyJ4Se.png
3. This problem “Notice: Undefined index: expires_in_ts in /home/teknobi6/public_html/wp-content/plugins/td-composer/legacy/common/wp_booster/td_instagram_access_tk.php on line 37” can appear if some files were not updated correctly when the theme was updating. To be sure that this is not the problem, please reinstall the theme, this time please using manual update as in our guide -> https://tagdiv.com/update-newspaper-theme/ also make sure that the theme requirements are all set as in our guide from here -> https://forum.tagdiv.com/requirements-for-newspaper/
4. As I can see now the mobile and desktop version display nice the links from footer -> -> https://i.imgur.com/NJQlHNb.png also on post for mobile theme plugin -> https://i.imgur.com/cNOiir4.png
Hope that some of my above advice can help you!
Thank you!
Okay, maybe you might be able to isolate this issue for me, so I use the TD Cloud Library and I have Standard Pack disabled. When I use the Post Settings and select a “Custom Blank – Single Template” from Cloud Library and I removed the header/footer to just rule out code from that, I get the improper rendering as displayed here: https://fortworthbusiness.com/opinion/richard-connor-your-first-vote-is-a-vote-you-should-always-remember/ which again looks fine on the mobile version.
Now, I used the settings above for a test article located here: https://fortworthbusiness.com/uncategorized/test-article/ and reproduce the same incorrect formating, if I change the Post Settings to “Default – Single Template” it renders properly.
I believe that is part you alluded to early with using the non-cloud library template, but how could I fix this in a cloud library template? I also for testing using the Blank Single Template Cloud with just the post content so something in the way processing that is content causing it not to render using a cloud template but works with the default single template? I know I had this same issue with MemberPress and their use of restrict content with excerpts. So my thinking is how plugins edit the Post Content is universal, but how Cloud Library renders is different than how it renders the “Default – Single Template” which I assume is a file template?
Not sure if this is in a JS call or PHP backend, my guess it is in the PHP somewhere for how the TD Cloud Library renders a final page.
Hi,
After I see your video, I tried aging with the mobile menu and is look that there still is a problem, for me is saving the menu only sometimes, but not always, but as seen in your video is not saving at all, it will be very helpfully for use if you can let to inspect this situation, in this way our developers will see from where is the problem and will make a fix for it. For this will be better if you can create a staging or sub-domain and set there your website, if this is not possible we can take a look to the live website too, but only after you make a full backup to your website and database.
For the problem with mobile icons, please make sure that those are set as inline -> http://prntscr.com/v816yn or http://prntscr.com/v817pa this should fix the problem -> https://i.imgur.com/fymsQqk.png -> https://i.imgur.com/pfZrVXO.png
Please send us an email at contact@tagdiv.com and provide admin login and cPanel. Include a link to this topic in the email.
Thank you for your understanding!
