- ApiUsing the Theme API in plugins
- 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
Hello and thank for the help and the great theme!
I have installed the black version of the theme, however when I view the site from mobile phones (small iPhones) its missing most of the content. If I view the black demo version (https://demo.tagdiv.com/newspaper_black/) from the save devices, the content is there so I know its has to do something with my site.
From tablets I see the contact just fine (android). Can you please tell me what might be the fault here?
http://womansfeelings.com/ (Only the admin is password protected)
If you need admin credentials please let me know and I can provide them by email.
Thanks a lot!
Hi,
Please provide me a link to your website were I can inspect this problem!
Please make sure that you set the code like this -> https://www.screencast.com/t/aMmA7MKr0wi2 if there is still a problem, please set the code for javascript in Theme panel >Mobile theme Custom code > Javascript, and set only the html code in mobile editor.
Thank you!
I am saying that the mobile theme doesn’t seem to be active at the moment. When the mobile theme is active, on mobile the website will look like this theme demo (the demo uses the mobile theme, you can check with a mobile)
– https://demo.tagdiv.com/newspaper_local_news/
The AMP version will look the same.
AMP will still be working without it, the posts will be valid and look like this
– http://prntscr.com/nlun2n
If you want us to investigate why the mobile theme is not working on your website, please send us an email at contact@tagdiv.com and provide admin access. We will try to identify the problem. Include a link to this topic in the email.
Hi,
You can set the code directly in theme panel> Mobile them>Custom css
-> https://www.screencast.com/t/zbMROrCPO
The code will appear in “view page source” -> https://www.screencast.com/t/yIti1kFvyB -> https://www.screencast.com/t/DN1ye7PwPJw
Thank you!
Hi,
I don’ think the issue is caused by the CSS code, when I try to use the search on mobile as soon as I click on the search icon a javascript error appears in the browser console
– http://prntscr.com/nlu5jo
So while it would be possible to switch the icon positions for the menu and search on mobile – http://prntscr.com/nlu6p5 the error is still there. Seems the menu works, just the search has this problem.
Usually this kind of javascript errors may appear when the theme is conflicting with various scripts entered in the theme panel or theme files, or in many cases plugins. You could begin to investigate plugins or codes (if you used any). Here is the code I used for the positioning of the icon, if you want to use it for mobile
@media (max-width: 767px) {
#td-header-menu #td-top-mobile-toggle {
position: absolute;
right: 0;
}
.td-header-main-menu .header-search-wrap {
position:absolute;
right: auto;
}}
Thanks
Hello. I’ve tried using legacy TML and the 7.0 update, on both, the login pages/register pages appear to be empty. Link to website here: https://sweatcoinblog.com
This only appears to happen on mobile devices! Go to menu and then select LOGIN or REGISTER to replicate the issue.
Hi Simion, thank you for your respon.. Have you checked it on mobile? I’d disabled the lazyload from theme panel but still slow. It took more than 4 seconds for the images to show.
And also at the first time loaded, it show mobile menu background (green screen) first. any suggestion pls?
Thanks
I am struggling to get a typeform quiz to load on mobile. On desktop it works fine.
I have turned off the TagDiv Mobile Theme due to another conflict. And when I embed the code from Typeform, when it tries to load on mobile, I get an error message that says “This webpage was reloaded because a problem occurred.”
I am embedding the code via an HTML Block.
Here is the code I am attempting to embed (URL has been removed for privacy):
<p style="text-align: center;">Get Started > <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm_share", b="https://embed.typeform.com/"; if(!gi.call(d,id)){ js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script></p>
Hm too bad, I can’t use the mobile theme. I don’t want a feed from the latest articles on the homepage and also the footer doesn’t offer enough possibilities.
Could you please add own “Ad Spots for AMP” to the wish list? Thank you!
Hi,
For desktop please use this custom css
#disqus_thread {
width: 696px;
}
Set the code in Theme panel>Custom code>Custom css
-> https://www.screencast.com/t/hZQz3Eyy
For mobile theme please insert this code in Theme panel> Mobile theme > Custom code>
#disqus_thread {
margin: 0px 15px;
}
-> https://www.screencast.com/t/5pXpndAeAX
Thank you!
Hi,
Yes, the ads that are set in mobile theme will be show in amp version if you chose the option mobile + amp
-> https://www.screencast.com/t/KHEMsXJqgdfO
-> https://www.screencast.com/t/FKa250uv
Thank you.
Hello there,
I have managed to change most of the parts of your theme to RTL here: https://cninuae.com/ar/#
One of the last issues I’m facing is that I cannot successfully transfer the search icon to the left of the screen.
I’m using a separate rtl.css in child theme. I tried placing this code at the end of rtl.css:
.tdm-header .header-search-wrap {
position: relative;
float: left;
margin-left: 175px;
}
It works and places the search button to the left, but when I click on the search icon the whole page sort of hangs in mobile view. Desktop works fine.
Can somebody please sort out this issue?
Sincere regards.
Hi Simion,
Thank you very much for your very extensive answer! The automatic ads don’t seem to be quite mature yet, I think the best will be when I switch to manual placement.
If I insert the ad code in AMP format into the ad placements of the mobile theme, will the ads be displayed on the AMP pages? If not, could you please provide me with a code to display the mobile ads on AMP pages?
Thanks
Hi,
I see the website is using just the AMP plugin at the moment, without the mobile theme. Also an older theme version. That should work just as well. I checked some posts from the website, AMP is working and valid – http://prntscr.com/nlhb8g – http://prntscr.com/nlhbc3 there are no errors.
Do the errors refer to any specific posts or pages? From what I can see AMP works fine. You could mark them as fixed and monitor to see if such errors appear again.
Thanks
Hi,
Please try to use the code below and place it in Theme panel -> Custom CSS area.
The code is ->
.td-mobile-content .td-mobile-main-menu{
padding-bottom:50px;
}
Thank you!
Hi,
I have followed your recommendations, I deactivated all plugins you have suggested, and it still did not work. (This is weird, you suggested me to disable the plugin just because your theme is not compatible, including security plugin? I suggest, your team should come up with a better solution rather than asking user like me to disable their plugins). Nevertheless, as I pointed before, I have no problem of using the responsive theme as mobile theme cannot load the page content built in TagDiv composer, although it make me a little bit disappointed. But, again, it still did not work.
I am afraid that maybe your team still working in upgrading this theme (Newsmag). I have sent my request for refund and I got a notification for approval. I am waiting for my refund to buy the other theme built by your company (I have to say, I like your theme, but I did not expect that problems). Maybe your other theme, Newspaper, will have a different story. Thank you very much.
Hi,
I have checked again your website URL on mobile and it seems to return good results. Also, I saw that you are using the Newsmag with Mobile Theme, right? If you want to achieve the general responsive theme behavior, you need to disable the Mobile Theme and also, all of the untested plugins which you are using, as you can see here -> https://www.screencast.com/t/2KN7FmCmCVG Remove and clear all of the untested plugins, clear all the caches, purge CDN files and check the results.
Thank you for the message!
Hi,
The mobile theme is a plugin that provide you 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 ( including About us & Contact Us ) because in the most of cases those were made with builders ( tagDiv Composer, WPBakery ) and you need to use the mobile editor section ( you need to set the content for pages in mobile editor and this content will be display on mobile theme).
-> https://www.screencast.com/t/ebUIzt4se
Please check our documentation for Mobile Theme: Automatic Optimization for Mobile with Newspaper Theme -> https://tagdiv.com/mobile-theme-automatic-optimization-for-mobile-newspaper-theme/
Thank you!
Hello !
The problem is that your logo wich is .webp cannot be rendered. In mobile theme the page looks fine. You should find a plugin that is able to render .webp images.
Thank you !
Hello !
In order to have the same layout on the mobile as on desktop version you have to disable the Mobile Theme option wich can be done by here: https://www.screencast.com/t/jV7hQFWPpJWH
Thank you !
Hi,
Mobile theme use a custom template for smart-list, not the one set for desktop, if you want to use the same template you need to use the responsive version of the theme, not the mobile theme plugin.
The smart list will change only the content for that list, that’s way the introduction paragraph stays in the top of list when you change smart lists.
Thank you for your understanding!
Dear Support,
I am a new joiner.
I found that the mobile version does not sync with the desktop version.
you may check with the website: https://lovewedpin.com
password: Lovewedpin
Gavin
Could you share the code necessary to either hide the footer or hide the logo in the mobile theme footer?
Hello there,
2 months ago I was facing a problem about mobile browsing using AMP, You’ve fixed it to me, but when I updated to the last version of Newspaper theme, everything has gone.
Every detail you need, contained in the previous post
Link of the post: https://forum.tagdiv.com/topic/rtl-page-on-amp-show-like-its-double-width-it-doesnt-fit-the-screen/#post-288542
Thank you for your efforts.
Hi,
Looks alright now – http://prntscr.com/nl2zw4 I have seen cases when the mobile theme was loading on desktop, usually it is caused by caching plugins, or maybe optimization plugins or settings from them. We recommend the super cache plugin, which work alright with the mobile plugin. I browsed the website for a while, for me this problem did not happen however.