- ApiPractical example – How to add a new Block and Module
- ApiAPI – Smart Lists – Introduction
- ApiAPI – Category top section style – Introduction
- ApiAPI – Category top section template – Introduction
- Apitd_api_module::update
- Apitd_api_module::add
- ApiAPI – Modules – Introduction
- ApiUsing the Theme API in plugins
Hello,
For a temporary experiment, we want to wrap out entire content with a <amp> tag
Editing /wp-content/plugins/td-composer/mobile/functions.php
using filter for the_content.
if ( is_amp_endpoint() ) {
$content = '<amp-script layout="container" src="https://s3-us-west-2.amazonaws.com/CCCCC.js" integrity="sha384-0Mv7fcjUICCCCH96v1oPH129fXHoID2Vfjk" crossorigin="anonymous">'.$content.'</amp-script>';
}It is changing it to
<amp-script layout="container" src="https://s3-us-west-2.amazonaws.com/CCCCC.js" class="i-amphtml-layout-container" i-amphtml-layout="container">
Hi Sal+Pimienta, please provide me a link where I can inspect the amp version to see if the ads are provide or not.
Hi yudi budiman, you can add more ads in amp version if you set ads in mobile ads -> https://i.imgur.com/8pfvNOO.png (using the mobile theme layout for amp it will set the ads for amp version too).
Hi Christoph,
You can achieve this with our theme too, you just need to set with tagDiv Composer the mobile theme plugin and use a custom css, try a custom css like this one -> https://i.imgur.com/XljbPoc.jpg
.td-menu-mob-open-menu #td-mobile-nav,
.td-menu-mob-open-menu .td-menu-background {
width:22%;
}
.td-menu-mob-open-menu #td-outer-wrap{
-webkit-transform: none;
transition: none;
box-shadow: 0 0 46px #000000;
position: unset;
}
The code needs to be set in the theme panel> custom code> customs css.
Hope thai will help you!
Thank you!
I’ve added image Ad Banner – but it doesn’t show in the Mobile header – screen – https://prnt.sc/u1nvcz
One more thing – it’s not clear what’s the banner size for each device ?
video – https://drive.google.com/file/d/1pgk0v9_J7VKAE78WXLqmr0JXHRFjs5Wg/view?usp=sharing
according to your tutorial – this PC header banner = 728 x 90
https://demo.tagdiv.com/newspaper_pro/wp-content/uploads/2019/08/newspaper-rec728.jpg
And what the size for mobile version?
Header template was selected – https://prnt.sc/u1n7uk
Template Pro – https://prnt.sc/u1n74b
Cache was cleared
site – https://prostobzor.com/
P.S. I can’t find where can I change hover color from Blue to Red ?
menu hover – https://prnt.sc/u1n6m5
P.S.2 Is it possible to show a banner for mobile version ?
screenshot – https://prnt.sc/u1nj73
How to do it?
P.S.3. I’ve read this article https://forum.tagdiv.com/header-manager/
bit it’s not clear to do add responsive background for header?
Hi
on cellule4x4.com with TD editor I have a text and several boxes that happear in all the preview, but when i check with my smartphone it s completely different, no more flexblock & text with title, any idea ?
Please check this link on mobile as an example. But all images on the single post is cut off.
https://www.theundroppables.com/washington-football-team-offseason-breakdown/
Hello !
Please provide a link to your website in order to take a look. Also please make sure that your ads are properly set in Theme Panel – Mobile theme – AMP Ads.
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
Thank you !
Hi, I can’t understand how I can remove right bar that appears in the mobile version of the news section of my site. Can you help me? Thank you
You can see the bar at this link of my web site, only on mobile version ( https://www.igrandivini.com/news/ )
Hallo
Thank you very much Calin. This was very helpful.
I’m thinking also about the structure and the menu for a new website. In a near future there will be a lot of content that has to be well structured and for seniors easy to find on that website https://www.aarp.org/. In my research I found a menu in a website with the same intention, that I like. It is a menu for desktop and mobile and easy to handle.
This kind of menu doesn’t seem possible in your theme. So my question is if you could built this kind of menu and how much would it aproximatly cost.
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
Thank you !
Hello !
You can disable mobile theme as you can see in this image:
Thank you !
Hi everybody. I have a problem with my web interface. I build my own home page, the interface looks good on my computer, but when I view it on my mobile phone, it doesn’t look like it does on my computer.I want it to appear equally on mobile and desktop. Please show me how to fix it.
Watch the following video for better understanding: https://youtu.be/WmBHld_mXM4
Hello !
This is how your menu looks like at the moment: https://www.screencast.com/t/Bswr57YyF0 Should it look different ?
For the header on mobile follow our guide here: https://www.youtube.com/watch?v=HXQQygkCCJo
Thank you !
I created this page and today I noticed none of my pages show anything on mobile.
https://www.shudhhindi.com/coronavirus-live-update-world-meter-in-hindi/
be it contact page: https://www.shudhhindi.com/contact/, about page: https://www.shudhhindi.com/about/, or pages every page is blank on mobile.
Kindly guide me this is a serious issue. I need a solution for this.
This is serious.
How come the Featured Images on Single Posts are not mobile optimized when viewing the post on a phone?
I turned off the mobile theme but now none of the tagdiv composer modifications show up at all.
Hi, could you tell how can I disable mobile theme for a single category page? I need to remove ad blocks for a single category, but I can’t apply custom template for this category on mobile.
Hi,
In order to change the logo you can use our guide from here -> https://www.youtube.com/watch?v=HXQQygkCCJo also make sure that you display the image or text -> https://i.imgur.com/Zs5shNm.png -> https://i.imgur.com/v3sEEu9.png -> https://i.imgur.com/XdXqH4B.png -> https://i.imgur.com/XdXqH4B.png on mobile -> https://i.imgur.com/wqNV6vE.png
If you are using a cloud header, using tagDiv Composer you can upload a bigger image change the image width -> https://i.imgur.com/az0pQLH.png or if is a text you can increase the font from style tab -> https://i.imgur.com/OmOU0ry.png
Hope this will help you!
Thank you!
Hi seth,
For woocommerce shop page, the best way it will be to use the responsive version of theme not the mobile version, this can be done using these options -> https://i.imgur.com/vWQrgtl.png from shop page.
hope this will help you!
I installed Newspaper mobile plugin and started optimizing my site, https://www.itechguides.com/. I just noticed a weird thing, one of my categories, https://www.itechguides.com/category/buying-guides/ displays error 404 on mobile. The category is okay on a desktop.
No other category displays error 404. I also noticed that my mobile homepage is taking too long to update to the mobile theme.
Hi finejoeyoung, if you said that now the option is st on amp, then yes, it will be display the responsive version for mobile and the mobile theme layout will be use only for amp.
Please set it again on mobile+amp save the settings and clear all cache, after that check the results! If the option is still change, please check the plugins to make sure that you do not have a plugin conflict.
Let me know the results!
