- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsWhat is Ajax preloading?
You can hide dropdown arrows via custom css in Theme Panel > Custom Css: http://screencast.com/t/3dvI3xwesew
.td-header-menu-wrap .td-icon-menu-down {
display: none;
}
.sf-menu {
margin-left: 0px;
}
https://forum.tagdiv.com/topic/mobile-menu-appearing-on-home-page/#post-48448
Hi,
I changed my background image of the mobile menu today and after uploading the new image, the picture appears blurred. When I open the picture itself it looks perfectly fine.
Any idea?
Hello,
I have problems in the pagespeed score of my web, in the mobile version.
After performing an analysis, you found that the problem is in how Pagespeed is interpreting the srcset attribute.
Can you offer some solution please?
Add images:
https://fotos.subefotos.com/580767e577a3e92b8f479abf46ed502fo.png
https://fotos.subefotos.com/da4f2c0fcf6ea7c469f30e117fc1b3cco.png
https://fotos.subefotos.com/a8da0a07febd3df7244fb8f725f7be5co.png
https://fotos.subefotos.com/592eb30c48f70c83cc18bdd796f8cbe5o.png
How can I make an image responsive in the TagDiv Composer? I want it to fit all devices not to be cropped in the mobile version.
Any suggestions?
Hello dear TagDiv,
I am using the rtl version of wordpress.
When I activate the theme ( I have installed child theme also ) and td mobile plugin too,
the website in the desktop and mobile need an horizontal scroll!
How can I fix this?
https://harpal.pk
this is my website link
please send me instruction how i will apply these queries/changes for mobile version
Hello, using the mobile theme plugin on my website http://www.ecomesifa.it, the social icons are not displayed correctly. How can I solve? Thank you
Hi I followed the instructions to the letter
ran the function and got
registered scripts
admin-bar | /wp-includes/js/admin-bar.min.js
jquery |
tp-tools | https://www.mysite.co.uk/wp-content/plugins/revslider/public/assets/js/jquery.themepunch.tools.min.js
revmin | https://www.mysite.co.uk/wp-content/plugins/revslider/public/assets/js/jquery.themepunch.revolution.min.js
wordfenceAJAXjs | https://www.mysite.co.uk/wp-content/plugins/wordfence/js/admin.ajaxWatcher.js
js_files_for_ace | https://www.mysite.co.uk/wp-content/plugins/td-composer/css-live/assets/external/ace/ace.js
js_files_for_ace_ext_language_tools | https://www.mysite.co.uk/wp-content/plugins/td-composer/css-live/assets/external/ace/ext-language_tools.js
js_files_for_live_css | https://www.mysite.co.uk/wp-content/plugins/td-composer/assets/js/js_files_for_live_css.min.js
js_files_for_plugin_live_css | https://www.mysite.co.uk/wp-content/plugins/td-composer/assets/js/js_files_for_plugin_live_css.min.js
td-site-min | https://www.mysite.co.uk/wp-content/themes/Newspaper/js/tagdiv_theme.min.js
comment-reply | /wp-includes/js/comment-reply.min.js
registered styles
admin-bar | /wp-includes/css/admin-bar.min.css
rs-plugin-settings | https://www.mysite.co.uk/wp-content/plugins/revslider/public/assets/css/settings.css
wordfenceAJAXcss | https://www.mysite.co.uk/wp-content/plugins/wordfence/css/wordfenceBox.css
yoast-seo-adminbar | https://www.mysite.co.uk/wp-content/plugins/wordpress-seo/css/dist/adminbar-600.min.css
td_live_css_frontend | https://www.mysite.co.uk/wp-content/plugins/td-composer/css-live/assets/css/td_live_css_frontend.css
google-fonts-style | https://fonts.googleapis.com/css?family=Open+Sans:300italic,400,400italic,600,600italic,700|Roboto:300,400,400italic,500,500italic,700,900
mc4wp-form-basic | https://www.mysite.co.uk/wp-content/plugins/mailchimp-for-wp/assets/css/form-basic.min.css
td-theme | https://www.mysite.co.uk/wp-content/themes/Newspaper/style.css
and added
$this->move_style_to_footer_queue(‘wordfenceAJAXcss’);
$this->move_style_to_footer_queue(‘yoast-seo-adminbar’);
$this->move_style_to_footer_queue(‘td_live_css_frontend’);
$this->move_style_to_footer_queue(‘google-fonts-style’);
$this->move_style_to_footer_queue(‘mc4wp-form-basic’);
$this->move_style_to_footer_queue(‘td-theme’);
$this->move_style_to_footer_queue(‘revmin’);
And
$this->move_js_to_footer(‘jquery’);
$this->move_js_to_footer(‘tp-tools’);
$this->move_js_to_footer(‘revmin’);
$this->move_js_to_footer(‘wordfenceAJAXjs’);
$this->move_js_to_footer(‘js_files_for_ace ‘);
$this->move_js_to_footer(‘js_files_for_ace_ext_language_tools’);
$this->move_js_to_footer(‘js_files_for_live_css’);
$this->move_js_to_footer(‘js_files_for_plugin_live_css’);
$this->move_js_to_footer(‘td-site-min’);
$this->move_js_to_footer(‘comment-reply ‘);
Mobile is getting a worse score and I’m still getting jquery warnings in PS insights
Any ideas?
Hi @patwire, I just thought the same but then I remembered that it was always that way. (Because you can share via WhatsApp only on mobile.)
Thanks – that works for desktop icons, except that it removes the WhatsApp icon from desktop completely – mobile all good – desktop doesn’t show WhatsApp even though selected in Theme Settings – all caches cleared again and browser cache too this time
Thanks for help
Hi,
The tagDiv composer has the same options for rows, columns and individual elements. These are located in the CSS tab. So you could place block 3 below block 12 first
– https://www.screencast.com/t/gb8rL1gDgYa
Hide block 12 on mobile
– https://www.screencast.com/t/YwSTr8taN2m0
– https://www.screencast.com/t/OsZQwGh47
Hide block 3 on desktop
– https://www.screencast.com/t/9pmbDcOiQI
– https://www.screencast.com/t/uiQ94RDcbPB
This would be the result on desktop (block 12)
– https://www.screencast.com/t/8aKN9PQmJzrK
And on mobile (block 3) – https://www.screencast.com/t/NFrm5bNGd2Wr
Thanks
Hi| I have a very similar issue with my website: http://www.sgaialand.it
In the “ultimi articoli” (latest articles) section, I have three blocks 13 – identical except for the offset of posts – but only one of out three works properly on mobile. The others are not clickable.
In this case, the page was entirely built with TD composer, not visual composer.
Can you help me?
Thanks!
Hi updated to 8.6 – social icons work very well on mobile devices – but on desktop something is wrong – see example here on desktop only http://westbridgfordwire.com/collin-street-bridges-removed-january-major-disruption-expected/
Have cleared host cache – cleared CloudFlare cache/purge all – restarted browser ( Safari )
It works better in Chrome (except WhatsApp icon is corrupted )
Is it possible to edit ‘Share’ text to ‘Share this’ or similar?
Thanks
Pat
I am actually using the TagDiv Composer. If I had block 12 show on desktop and block 3 on mobile, how would I do that with TagDiv Composer?
Hi,
Enter this code in Theme panel->Custom Code->Advanced CSS in the phone section
.postid-163 .td-main-sidebar {
display: none;
}
It will remove the sidebar on that post only on mobile.
Thanks
With the new update 4.6 the social icons had lazy load and is very slow on Google speed had got 10 points down in mobile and desktop.
How can I make a ‘Slider Revolution’ block visible to mobile/tablet ONLY? Is there a CSS code?
Hi friends, I am having problems with the use of the Tag Div Composer.
When i use different “Blocks”, they do not respond in the way that is supposedly predetermined.
For example: they do not occupy 100% of the width.
I also need to use ways to use Big Grids with titles outside of the photo (or imagen) or that adapt better in Mobile and I have no way.
Please help.
I send attachments as I have my Blocks … (so they can see that they do not work out the way they should).
Att1 – Block1: http://lasopapa.com/wp-content/uploads/2018/01/Block1.jpg
Att2 – Block6: http://lasopapa.com/wp-content/uploads/2018/01/Block6.jpg
Att3 – Block13: http://lasopapa.com/wp-content/uploads/2018/01/Block13.jpg
His, i’m having problems with the modules for my home page, in regards to Desktop to Mobile.
Please, see the attachment photo of Home in Mobile, and the titles are too big for photos.
How can I make the title appear below the photo, for example, and not on top of it?
Please help. Although it is a guide.
Image 1 – Home Desktop (Correct): http://lasopapa.com/wp-content/uploads/2018/01/Captura1.jpg
Image 2 – Home Mobile (NO … wrong): http://lasopapa.com/wp-content/uploads/2018/01/Captura2.jpg
Hello,
Upon checking your site I see there are no more big fonts. If you change a font on desktop it will also affect mobile devices. if you want to have big titles on desktop and smaller ones on mobile you will need to add this css in your theme panel custom css box or if you use the mobile theme in the mobile theme custom css section:
@media(max-width:767px){.td-ss-main-content .td-post-header .td-post-title .entry-title{
font-size:18px!important;
}
}
Thanks.
Appreciate the response. Great work again. I used up some plugins to tackle the navigation issues on BBP Mobile. Thanks again.
Hi,
What you are trying to do could be possible with then tagDiv composer. I see that you are using Visual composer, this has some options as well.
There is a setting that would allow you to hide columns on specific devices
– https://www.screencast.com/t/9sPFL11K
You could add block 3 that looks as you want on mobile in a column below block 12. Then hide block 12 column on mobile
– https://www.screencast.com/t/DcZzTqUL356r
And block 3 column on desktop
– https://www.screencast.com/t/MtYsoudx
That way block 12 is visible on desktop, and on mobile blocks 3 will be visible. Use the same sorting on the blocks to display the same posts. This would be a solution if you should consider it.
There might be a way to make block 12 similar to block 3 on mobile with CSS, but maybe the above solution would be better.
Thanks
Hi,
I could give you a code for this, to remove the sidebar on mobile devices for that specific post. Please provide a link to the post in question.
Thanks
Hello chauquocbao,
Unfortunately, please notice that our Mobile Theme does not recognize any shortcode from our page builder (TD Composer or Visual Composer) and that’s why this element cannot be added in mobile theme, sorry!
Thanks for your understanding!
I have to edit in mobile / style.php
Please show me which line of the article title, how to lower the letter from 42px, 32px to 16px.
I do not accept the article title on such oversized mobile phones, it takes up space of mobile phones.
You can edit the mobile / style.php file and send it to me!
thank you
