- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsWhat is Ajax preloading?
I know you are working hard on that problem. But it seems that the code you gave me and modified the min.js in the mobile theme worked. The layout shift is getting better and the test tool (plugin for chrome doesn’t show any layout shift anymore). So my question is: is there also a min.js file for the desktop version that I can modify in the same way?
In wordpress/wp-content/plugins/td-composer/legacy/Newspaper/js I found the following file: tagdiv_theme_min.js (the same file that you mentioned for the mobile theme) and it includes this part: tdAffix.init({menu_selector:”.td-header-menu-wrap”,menu_wrap_selector:”.td-header-menu-wrap-full” After commenting out tdAffix.init(“.td-header-menu-wrap”) in the mobile js file as you recommended the cumulative layout shift was gone, but what should I do here? There is also contained menu_wrap_selector:”.td-header-menu-wrap-full…Thanks for your help!
Greetings Kathrin
Hi SvijetS,
You can use mobile theme plugin with amp plugin, in this way you can use custom css and you can set it in Theme panel> mobile theme> Custom code> custom css and if you’ll set the amp classes of element, then it will be apply only on amp.
Example of code that will apply only on amp -> https://i.imgur.com/8tbi8PZ.png
Thank you!
Hi,
The pages https://www.topfgartenwelt.com/page/1 …. https://www.topfgartenwelt.com/page/5 most probably are indexed from mobile theme version -> https://i.imgur.com/hiIAwrS.png not from desktop version, because you do not have there a pagination, this is present for these pages in mobile theme.
Thank you!
Hi anonwebsitebuilder,
Using the mobile theme plugin, you’ll gain a better speed then responsive version of theme, but in order to achieve that speed you’ll need to create a new content for pages because in the most of cases those were made with builders or shortcodes ( tagDiv Composer, WPBakery ) and you need to use only the mobile editor ( you need to set the content for pages in mobile editor and this content will be display on mobile theme)
-> https://i.imgur.com/9d0UWLT.png
Unfortunately if you are using same plugin for shortcodes, this will not work on mobile theme, it will be interpreted as a html text, this will work only on responsive version. Also because amp plugin is use with mobile theme plugin the shortcode will not work on amp too, only if you do not use the mobile theme for amp.
Also you can show the responsive version on mobile theme -> https://i.imgur.com/m0bVB5T.png you can check more details about mobile theme in our documentation -> https://forum.tagdiv.com/the-mobile-theme/ or if you want to have the responsive version only, you can use the amp option from mobile theme -> https://i.imgur.com/oofST3D.png (to use the mobile theme template on amp) or you can disable the plugin.
Thank you for your understanding!
Hi,
When the mobile version or amp is displaying on desktop is a cache problem, we recommend to use WP Super Cache plugin, this is a free plugin and tested with our theme, also we have a guide for the settings you should do -> https://forum.tagdiv.com/cache-plugin-install-and-configure/ also if you are using other cache plugins please deactivate them and make a test.
Also using the mobile theme plugin, you’ll gain a better speed then responsive version of theme, but in order to achieve that speed you’ll need to create a new content for pages because in the most of cases those were made with builders ( tagDiv Composer, WPBakery ) and you need to use only the mobile editor ( you need to set the content for pages in mobile editor and this content will be display on mobile theme)
-> https://i.imgur.com/9d0UWLT.png
Also you can show the responsive version on mobile theme -> https://i.imgur.com/m0bVB5T.png you can check more details about mobile theme in our documentation -> https://forum.tagdiv.com/the-mobile-theme/ or if you want to have the responsive version only, you can use the amp option from mobile theme -> https://i.imgur.com/oofST3D.png (to use the mobile theme template on amp) or you can disable the plugin.
If you have other questions, let us know!
Thank you!
Hi. I’ve created my site with newspaper – the images display fine on the desktop version, but no images display on the mobile version. Please could you let me know how to fix this.
The site is: https://www.thecelebrityinterviews.com
Thank you.
Is there any way I can force all mobile users to Amp pages?
You told that we made header builder, footer builder, post template builder to make new unique Website but nothing gives value without mobile menu animations, I see every Website looking similar because everyone has same mobile menu opening animation so it spoil your hard work and we buyer’s loss our investment because it doesn’t provides unique Website experience because of there is no animations and options to changes mobile menu opening animation. I want to buy multiple newspapers licenses to make my different unique website but due to this same mobile menu opening animation stops me to do that because I don’t want to showcase my similar.
So it’s my request to tagdiv developers to add different mobile menu opening animations and option to assign animation that animation to mobile menu while we make unique header.
This helps both developers and buyers like me, developers gets more sells and we buyers get right solution to make unique Website from header to footer.
Waiting for your positive response with assurance to add this request in your next upcoming update.
Hi Vlad – I did as you suggested, still no images or links coming through on a mobile device. Could you have a look and let me know what you think? Thank you.
Hi, I downloaded the plugin for the mobile theme and the one for AMP, I activated and set everything. I entered the ads codes in the ‘Mobile Ads’ boxes (I don’t have Adsense and I can’t enter the codes because there is only this slot available for AMP ads) because someone on this forum had said that the ads were shown both on the version mobile and AMP, but it doesn’t seem to be like that.
In the AMP version, ads are not shown. How can I solve this problem?
Hello, I have the problem that the desktop version of my page has a loading problem when scrolling and slow loading at some times, also in the mobile version it throws me an error that does not allow me to continue seeing the page.
https://imgur.com/a/tLrYA4Y please help!!
Dear Calin,
the overall score is not the problem, the problem for the mobile as the desktop theme is the cumulative layout shift which is part of the web core vitals. As you can see the CLS is for
Desktop: https://i.imgur.com/7ckfgfG.png 61% (green) 11% (orange) 28% (red) the time is 0,28s but Google only allows a maximum of 0,25s. Otherwise the page is categorized as poor. In my case all 175 sites are categorized as poor because of a to high layout shift. I don’t use any Google Fonts and I have deactivated the Font Awesome for the menu, but there is a problem that persists. When I prove the desktop-site with the Google Plugin for Chrome to count the Webcore Vitals I get a bad score as soon as I scroll up and down. As you can see it here: https://www.topfgartenwelt.com/cumulative-layout-shift
And if the CLS is not fixed the site never matches the Speed Test. But that will be a big problem in future because that will be a ranking factor.
Is there nothing in the desktop-version like this (as you mentioned for the mobile version) that could cause the problem with the layout shift: wp-content/plugins/td-composer/mobile/js/tagdiv_theme.min.js and search for tdAffix.init(“td-header-wrap”)??
Greetings Kathrin
Hi,
I do not know if there is somethings else, maybe only the fonts.
But as I can see you have 98 on desktop -> https://i.imgur.com/7ckfgfG.png and on mobile 75 -> https://i.imgur.com/j4RaPs7.png
Thank you!
Hi,
I have been trying to insert my custom shortcode into mobile theme but it is not working. Desktop version looks good, but amp version shows the shortcode, not the text it is supposed to return. Can you advise this basic functionality is available for this theme or not? Or any workarounds please?
Thanks,
Hello! For some days now my homepage has been in a mobile version also from Desktop. How can I solve it?
Exactly… and this should not happen. So you have to disable this function of the mobile theme.
Ok. But is there also a way to do it in the style.css for the mobile theme? If yes, where I can find it in the style.css?
Greetings Kathrin
I am using Google auto ads option. Now if I install your Official AMP for wordpress & mobile theme plugins, do I have to use your ad manager (or another ads plugin) to set ads locations or will the ads be placed automatically by the google?
Thanks & Regards…… Renu Bakshi
It’s attempting to load a td-composer/legacy/Newspaper/assets/images/thumb-disabled/td_265x198.png. I feel like there isn’t a thumb profile being made for the mobile version. I have tried the Regenerate Thumbnails plugin and it did not have the ones that seemed to be required.
The mobile theme requires the “265×198” and the “741×486” thumbnail sizes in order to show the featured images properly.
https://forum.tagdiv.com/the-mobile-theme/
See above your website says they need those two thumbnail sizes.
The sticky menu is disabled for both (mobile and desktop)… There must be something else in the header to produce the high cumulative layout shift…
What else can cause collabsing of the header?
Greetings Kathrin
Hi,
Using the mobile theme plugin, you’ll gain a better speed then responsive version of theme, but in order to achieve that speed you’ll need to create a new content for pages because in the most of cases those were made with builders ( tagDiv Composer, WPBakery ) and you need to use only the mobile editor ( you need to set the content for pages in mobile editor and this content will be display on mobile theme)
-> https://i.imgur.com/9d0UWLT.png
Also you can show the responsive version on mobile theme -> https://i.imgur.com/m0bVB5T.png you can check more details about mobile theme in our documentation -> https://forum.tagdiv.com/the-mobile-theme/ or if you want to have the responsive version only, you can use the amp option from mobile theme -> https://i.imgur.com/oofST3D.png (to use the mobile theme template on amp) or you can disable the plugin.
Thank you!
Hi,
The pages
https://globaltechgadgets.com/page/2/
….
https://globaltechgadgets.com/page/10/
are indexed from mobile theme version -> https://i.imgur.com/hiIAwrS.png not from desktop version.
Thank you!
Hello,
I would like to add a custom js code in mobile theme.
The js tag is:
<script type="text/javascript" class="teads" async="true" src="//a.teads.tv/page/xxxxxx/tag"></script>
Your guidance says: ”
Add custom JavaScript easly, using this editor. Please do not include the <script> </script> tags.”
How will I transform this script accordingly?
Thanks a lot.
Hi,
I think that you can test this, you can make a sub-domain for tests and set there the theme with mobile theme without extra plugins and code and check the mobile speed, after that add the plugins for speed up the theme.
Thank you!
Hi,
As I can see you have set the ads only for desktop and mobile, on rest of devices you’ll not have ads -> https://forum.tagdiv.com/using-other-ads-non-adsense-ads/ also these are displaying -> https://i.imgur.com/qKDW2Ni.jpg -> https://i.imgur.com/ccIMq1t.png
Thank you!
