I want to disable a insatgram widget only in Mobile View. How can I do it? It should disable only in mobile view.
Hello,
You can hide the Instagram widget, using tagDiv Composer, select the Phone viewport and in CSS tab you can choose the display options to Hidden => https://www.screencast.com/t/V44HBbOH9WeB
Let me know about your results!
Thank you!
Hi, It’s not working. My Instagram widget is added in Footer 1 through Custom HTML. It is not working when I choose to Hide it.
Instagram widget is from a social plugin, not a newspaper Insta widget. So I am using shortcode like [instafeed] in custom HTML > added in widgets. Then I added the widget in footer from Homepage TagDiv editor. Then I tried Hidden in Mobile view, but it is not working. please help.
Hello,
For hiding the Instagram for mobile you need to use this custom CSS => https://www.screencast.com/t/vvTxUYxjGD
#sb_instagram
{
display: none;
}
The code need be insert in Theme Panel -> Custom Code -> Advanced CSS -> Phones => https://www.screencast.com/t/hDBYSbJ4X8
Hope this helps you!
Thank you!
Hi, looks like the code worked. Can I know what is #sb used for? Also, code is only for footer widget 1? how it detects footer 1 widget or it detects Instagram name on page? Will it be problematic if I post something related to Instagram? Thanks.
Hello,
The “#sb_instagram” is the id element set by the footer widget for Instagram that you use.
That is only custom CSS that will hide the Instagram widget on mobile (as long the code is set in Theme Panel -> Custom Code -> Advanced CSS -> Phones).
Thank you!
ok, so I removed the Insta widget in hope of it will increase the Site Speed in the Mobile view. But sadly, it does not. please check the page speed score for https://globaltechgadgets.com/ and tell what could we do? You can see Insta widget in desktop view. We have “hidden” some more widgets in mobile view. But still we are getting Bad Score. Please Help.
Hello,
If you hide elements on mobile this does not increase speed, the elements are still loaded, but are only hidden for mobile.
If you follow the steps which are presented in this tutorial here -> https://tagdiv.com/how-to-increase-page-loading-speed/ you’ll be able to increase the speed of your website.
Also, to increase the page speed you can check this similar topic for more solutions:
-> https://forum.tagdiv.com/topic/optimize-script-to-improve-site-speed/
-> https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
– https://forum.tagdiv.com/topic/a-few-tips-for-newspaper-x-speed-high-cpu-usage-issues/
– https://tagdiv.com/how-to-increase-page-loading-speed/
Please note that page speed is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
Thank you for understanding!
So how can we actually avoid loading script instead of only Hiding it?
I have already read all guides etc. But still struggling to increase performance. I know speed is not covered by you, but speed is ‘promoted’ by you when purchasing these themes.
So at least you can check the site and suggest what we can do….kindly, please.
Hello,
For increase speed, you can use the mobile theme plugin. you’ll gain a better speed then responsive version of the 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 the mobile editor and this content will be display on the mobile theme, also the mobile theme will not display any sidebar)
-> https://i.imgur.com/9d0UWLT.png
When you install Mobile Theme plugin, your pages on mobile will be overwritten by the plugin.
The Mobile Theme is a performance optimized theme included in the Newspaper main theme and it loads only for mobile devices. It comes with its own templates for page, post, category, etc so your current templates from the desktop theme will get converted to the mobile theme layout.
Also, we have the option mobile page -> https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/ this option is to can create mobile pages using tagDiv Composer, also now this option is availed to create cloud templates for the mobile theme too, to can set the layout you want to a mobile website.
Hope this helps you!
Thank you!
It didn’t work. Max Mobile speed is 30 on mobile theme.
Hello,
Using the mobile theme you have a better speed rest of mobile versions provide our theme, but you still need to do optimizations.
Thank you!
