Working on the mobile Theme.
1) i with to remove “Latest Article” here on the image “Ultimi Articoli” title from the homepage
2) delete categories and “post count” from the single post
3) delete grey space after the post
4) I am using taboola ads, but they don’t show up at the end of the post as they supposed to load, they have furnished me 3 element code (head foot) plus main code for ads. I’ve implemented successfully all of them in the desk theme, but not able to implement that in the mobile theme
Place this code in the <head> section:
<script type=”text/javascript”>
window._taboola = window._taboola || [];
_taboola.push({article:’auto’});
!function (e, f, u, i) {
if (!document.getElementById(i)){
e.async = 1;
e.src = u;
e.id = i;
f.parentNode.insertBefore(e, f);
}
}(document.createElement(‘script’),
document.getElementsByTagName(‘script’)[0],
‘//cdn.taboola.com/libtrc/rnbjunk/loader.js’,
‘tb_loader_script’);
if(window.performance && typeof window.performance.mark == ‘function’)
{window.performance.mark(‘tbl_ic’);}
</script>
Place this code where you want the “Below Article Thumbnails” widget to render:
<div id=”taboola-below-article-thumbnails”></div>
<script type=”text/javascript”>
window._taboola = window._taboola || [];
_taboola.push({
mode: ‘alternating-thumbnails-a’,
container: ‘taboola-below-article-thumbnails’,
placement: ‘Below Article Thumbnails’,
target_type: ‘mix’
});
</script>
Place this code at the end of your <body> tag:
<script type=”text/javascript”>
window._taboola = window._taboola || [];
_taboola.push({flush: true});
</script>
I wish also to ask where I can place the Google Adsense AUTO ADS code (which must be placed in the header). Many thanks
Anyone can help us?
Hello Guys, I am waiting for some tricks to do those changes in order to customize the mobile theme.
Hi,
Sorry for the late answer, we have some days off for holidays -> https://i.imgur.com/i7CdfFq.png also replying in your topic will only delay the answer, because we respond from oldest to newest.
1) If you want to remove only the title, you can use this custom css
.td-pb-article-list .block-title{
display: none;
}
The code need to be set in theme panel> mobile theme> custom code> css
2) Please try this custom css
.single .td-category, .single .td-post-comments, .single .td-post-views {
display: none;
}
3) Most of this kind of errors are from untested plugins. Make sure that you do not have a plugin conflict, please deactivate ALL plugins except tagDiv plugins, also if you are using child theme or cache plugin, deactivate them, clear all cache and try again
4) Indeed for desktop the code can be set in theme panel -> https://i.imgur.com/63MJ1Uz.png but if you are using mobile theme plugin, then the code that is set in body and head are not longer take from theme panel and the code need to be set in theme files in wp-content/plugins/td-composer/mobile/header.php (head code) and wp-content/plugins/td-composer/mobile/footer.php ( code before </body>)
Google Adsense AUTO ADS code can be set here -> https://i.imgur.com/gpTmibn.png
Thank you!
Hello!
Ok point 1-2 fixed. We are trying to investigate about point 4, even with code inserted taboola feed seems not to load on mobile pages.
regardin point 3, we cannot disable and re enable anytime the plugins. We checked cache plugin has nothing to do with that because we where testing also the ?nocache version.
Can you please be more specific about that issue? I would be greatful.
Thanks for help
Hi,
3. In order to fix the issue you need first to know when is appearing, that is why is important to tested only with theme plugins and enable the rest of the plugins one by one and check the results, this is the first steep for debugging that need to be done.
Thank you!
Hi Calin
On the single post in mobile version, which is the code to delete the “featured image” after the post title?
Thank you
PS: is there a way to have share button scrolling on a footer bar?
Also would like to put taboola on mobile theme, but after comment
<div id=”taboola-below-article-thumbnails”></div>
<script type=”text/javascript”>
window._taboola = window._taboola || [];
_taboola.push({
mode: ‘alternating-thumbnails-a’,
container: ‘taboola-below-article-thumbnails’,
placement: ‘Below Article Thumbnails’,
target_type: ‘mix’
});
</script>
Where i should place this code to appear before footer and after comment in single page on mobile theme?
Hi,
PS: is there a way to have share button scrolling on a footer bar? – sorry our theme do not have this function.
If you want to remove the featured image inside articles on mobile theme you can use this custom css
.td-post-featured-image {
display: none;
}
The code need to be set here -> https://i.imgur.com/HHYx6jH.png also you can remove it from the code -> for this you need to go on wp-content/plugins/td-composer/mobile/single.php and remove this code -> https://i.imgur.com/yfBdNgB.png also the code for taboola need to be set in this file too, the coed need to be set here -> https://i.imgur.com/gXueL80.png like this -> https://i.imgur.com/Q8WgU0I.png you can get the code from here -> https://pastebin.com/ZgMvvYpd
Hope this will help you!
