- NewspaperThe Newspaper Mobile Theme: Introduction
- NewspaperThe Mobile Theme
- NewspaperModules Builder in Newspaper Theme
- NewspaperFilters and sorting for taxonomies
- NewspaperHow to Add a Logo in Newspaper
- NewspaperBig Grid Flex Settings
- NewspaperHeader Builder
- NewspapertagDiv AMP Plugin Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewsmagSmart list ads
- NewspaperNewspaper theme documentation
- NewspaperBest Of Forums
- NewspaperCache plugin – install and configure
- NewsmagIntroduction
- NewsmagMain menu
- NewsmagLogo & Favicon
- NewsmagHeader ads
- NewsmagSmart sidebar
- NewsmagSharing buttons
- NewsmagCategory tag on modules/blocks
Hello everyone,
I want a help because I’m having a problem removing the post views counter with CSS.
I’m doing it with the style.css file on Editor but when I change CSS with:
.td-post-views {
display: none;
}
I don’t get effect.
When I disable the tagDiv Mobile Theme plugin or changing it on Google Chrome Console, it work.
But disabling the tagDiv Mobile Theme plugin the theme changes.
How can I fix it?
Thank you
Dear All,
Can you help me for this problem, When i search my site in a new device specially mobile phone, i can not seen my site icon or logo with my site link. it’s always showen the wordpress icon. How can i fixed to replace wordpress icon by my site icon.
Thank You
Hi there,
I created a mobile page for each page of my website. When i enter into my website with my smartphone directly typing my domain name, everything is work,
If I search my website through Google and I open it, it’s a disaster. My mobile page are not showing.
Please can you help me?
Hello
I have currently have 100% page speed for desktop. But mobile is very slow. 70 -80 %
I really don’t want to turn on lazy load because of this metrics issue here Defer offscreen images
I am hoping to you can tell me if there is away to say lazy load “MOBILE DEVICE ONLY”
Thanks
Hi,
I have the Mobile footer template.
But when I choose it, the mobile view is correct.
But the desktop version use the same footer (of mobile)
Hi guys,
Just a follow up for future reference to whoever finds himself in the same situation and needs this:
After my last reply in here I decided to try contact the support through email and Tagdiv team was quick to help. Through access to the website back office we were able to find that Cloud Header and Cloud Footer were sending too many requests, specially as all of them were mega menus. So we switched the Cloud Footer one to a normal menu and on mobile we set them all to normal too, and it provided stability to the website.
Thank you all for the support.
Hi,
For this you need to edit in tagDiv Composer a mobile page template – > https://i.imgur.com/C9pkUh6.png then from manager convert the header and footer -> https://i.imgur.com/iGvv083.png -> https://i.imgur.com/ygtknwT.png
I hope this will help you!
Hi,
I believe that you can try something like this, set the shortcode in the mobile header ad
section then use a custom css to display that shortcode in the top.
#td-outer-wrap {
margin-top: 100px;
}
.td-a-rec.td-a-rec-id-header_mob{
position: absolute;
top: 30px;
}
Set the code in this place -> https://i.imgur.com/Lptdv4Y.png
I hope this will help you!
Thank you!
Hi Calin,
thank you for your response.
I just did a Lighthouse test with Google Chrome browser of this url: https://berliner-abendblatt.de/2020/09/13/besuch-beim-groessten-baum-berlins/
and I’m still having issues with CLS on the mobile view. Your screenshot shows the results for the desktop view which never was an issue. Google does always benchmark mobile first as most of the users are browsing with a mobile device.
Unfortunately the mobile theme is not an option as it’s less customisable compared to the standard desktop version.
But the main theme is responsive so it should normally work?!
That is why I’m trying to find a solution for CLS to fail within “td-main-content-wrap td-container-wrap”.
Hi, we are using perfmatters plugin to improve the speed of the site. When enabling the feature ‘Removed unused CCS’ we are encountering an issue with the images that are showing up on top of our homepage: the images doesn’t load until there interaction (it takes even more time on mobile). There is an option in perfmatters plugin to remove some items and we would like to remove these but I am not sure what we need to put in the plugin.
Our website is: https://bettingpicks4you.com/ the images in question are the wrapper box at the top of the homepage. This is what they need to remove from the plugin action:
CSS
Excluded Stylesheets: Exclude specific CSS (stylesheets) from the Remove Unused CSS feature by adding the source URL (example.css), or by adding a unique portion of the source URL
Excluded Selectors#
Exclude specific CSS (selectors) from the Remove Unused CSS feature by adding the element id, class name, etc. (#id, .class).
If you can advice what we should exclude to avoid images not loading with such a delay that would be great.
Hi,
I just checked the website and the core web vitals are passed now -> https://i.imgur.com/GdI7jWu.png
Also, if you are using the WP Rocket plugin you can set those settings –
> https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
Also, for the mobile version you can try the mobile theme plugin.
I hope this will help you!
Hello Bruno,
Yes, you can hide elements on each version, desktop/tablet/mobile, you can hide them from the tab called “CSS” -> https://i.imgur.com/F7qxitF.jpg -> https://i.imgur.com/jTvZ1ad.png
Thank you!
Dear,
can you help me for footer?
I decide to create mobile page for each section (homepage, post, category, search, tag, date,…)
For all these, it’s simply, just create a copy of desktop version and modify it.
My problem is about HEADER and FOOTER.
As you know, it’s not possible to create a copy of these section like another page as post or category.
I go to CLOUD Template and duplicate header and footer, modify them like want I want.
The problem is how to call these section.
When I go to Website Manager and try to use the modified files, the desktop version is also changed.
How to resolv the problem?
Hello Anamaria,
yes, i use a mobile page for the mobile version.
And by the way, the mobile site has apparently become very slow. But I can’t find any more adjusting screws. Caching is set up. but the js/css cache with Autooptimize fills up to 400 MB within two days.
Hi,
We are running a website, Guardado Rápido, devoted to videogame news, articles, reviews and so. We are using Newspaper theme in our website and we are quite happy with it. Recently we added a special row at the beginning of the page where we show the hot topics of the day. We used a row with a raw html code inside. It works pretty well but for the case of the mobile version of the webpage. In this case, as we are using Mobile Theme of Newspaper, it does not allow us to put this kind of code before the header.
The shortcut that i have found is to put the code in the ads section of the mobile theme but, in this case, it puts the code below the header. Is there any way to put this code so the raw html code appears before the header?
You can check our website at http://www.guardadorapido.com. The part that we want to be before the header is the one that starts by “Hoy se habla de:”.
The other option could be to skip the mobile theme of newspaper and use the mobile view generated by tag div composer. In this case, is there any way to use a different template for the general and the mobile view of the page. In our case the problem is that some of the structures that look fine on the desktop version does not work that well in the mobile one (the big grid)
Sorry for the long text, i hope i explained myself well.
Hello,
Where do I find the option to hide an element (block, text, etc) for specific sizes (tablet, mobile, etc)
Kind regards,
Bruno
Hello,
I just tried to check the website but I see this -> https://i.imgur.com/fjRfpIP.png
Usually, we recommend t use the mobile theme plugin, this should resolved the problem.
Thank you!
Hi Team, We are facing mobile usability error in search console.
Url: https://blog.lifestylestores.com/stylish-cargo-pants-outfits-for-men/
1. Text too small to read.
2. Clickable elements too close together.
Can you please help me fix this issues.
We did made the font sizes bigger etc., but still error are coming.
Thanks & Regards,
Hello!
I’ve tested on my end and it should work for both desktop and mobile version.
Try it in an incognito file because I’ve tested your website on Chrome desktop and mobile version and it does show while you scroll down.
Thank you!
Hello,
how can I translate the mobile-theme (addon)?
King regards
Hello,
Please follow the video to see where you can find, build your sticky header on mobile and desktop too: https://www.screencast.com/t/l6v2Belt
Thank you!
Hello!
A good choice for the page speed, it could be the mobile layout which contain less elements because it can improve a bit your page speed.
Our developers are working a lot to improve the page speed in every update, so make sure you use the latest update(11.4.2).
Some factors which you need to take into account are:
External factors: server speed, if you are using CDN or not, the external resources loaded by your website like ads, fonts, tracking scripts like Facebook Pixel, Google Analytics, Twitter analytics, Hotjar and so on.
Internal factors: the number of elements on the page, image size, image formats, if you are using mobile optimized layouts, console errors, if you are using the Standard Pack plugin on not, if you are using PRO demo or a standard one.
https://forum.tagdiv.com/topic/optimize-script-to-improve-site-speed/
– 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/
– https://forum.tagdiv.com/how-to-make-the-site-faster/
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
– https://developers.google.com/speed/docs/insights/v5/about
– https://www.youtube.com/watch?v=tnkVapqhIHc
Please check the tutorials from those platforms gt metrix and Google Pagespeed Insights and I’m sure you can increase the page speed.
Please note that page speed is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
We have 3 options for mobile versions that you can use:
1. Responsive version: A responsive version of your website looks similar to the desktop version. Edit the page with TagDiv Composer. Click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB; there you can see your mobile version and edit or adjust the elements to look better.
2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-speedy-mobile-pages/
3. Mobile theme plugin: The Mobile Theme is a performance-optimized theme included in the main Newspaper theme that only loads on mobile devices. It comes with its own templates and design for pages, posts, categories, etc., so your current templates from the desktop theme will get converted to the mobile theme layout. Please see https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/ for more information.
A full explanation you can find here: https://www.youtube.com/watch?v=SpGkOnJeNZY
You can choose to use whichever one is more affordable and useful for you.
If anyone doesn’t fit as you created, then make a test and deactivate ALL plugins except tagDiv ones. Also, if you are using a cache plugin, deactivate it, clear all cache and try again.
Note: If you want to use version 1 or 2, then you need to deactivate the mobile theme plugin and see the results.
Thank you!
Hello Ben!
I found these articles about to improve cls
-> https://www.stanventures.com/blog/cumulative-layout-shift/
-> https://web.dev/cls/ -> https://web.dev/optimize-cls/
-> https://www.datadab.com/blog/fix-cumulative-layout-shift/
-> https://wp-rocket.me/google-core-web-vitals-wordpress/improve-cumulative-layout-shift/
-> https://forum.tagdiv.com/topic/to-high-cumulative-layout-shift-in-mobile-theme/
Hope these articles help you to reduce the CLS.
Please note that page speed is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
Thank you for understanding!
Hi I created a header which is sticky for my desktop version but somehow it isn’t for mobile. I clicked the sticky option under mobile view but the results are the same. How can I make my header in my mobile view sticky?
Non riesco ad impostare la versione mobile solo per dispositivi mobili. Anche la versione per PC diventa come quella mobile.
