- 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
I have a Posts Block on a page. There are 9 items that fit the filter, and it is set to show the first 6 on the first page with 2 rows of 3 each. Pagination option is on. Everything looks fine in the editor, but when I look at a preview or the live site, the 2nd row distorts the featured images of the posts. The first row on the second page looks fine. I’ve tried deleting the block and adding it back again, same thing. I’ve also tried changing the dates of one of the posts, so it moves from the 2nd row to the first. The image for that post now appears fine in the 1st row, and all 2nd row images are still distorted… even the one that moved from the 1st to the 2nd row that was fine now appears distorted.
Some other tries… If I keep it at 6 posts but 3 rows instead of 2, the first 3 posts show fine, but the next 3 are distorted. I also tried 1 row of 3 each, and all shows fine on all 3 pages. If I change it from Grid to List, same distortions are seen.
Here is the url:
https://www.justhacking.com/types/upskill-challenges/
I tested this on multiple browsers and platforms. Some show everything just fine, but most have the distortion.
Windows Desktop:
– Chrome and Edge look distorted
– Firefox is fine
Android Mobile:
– Chrome and Edge look distorted
iPhone Mobile:
– Safari is fine
Thanks in advance for your help,
Don
Hello. I attach 2 pictures one with the simply my account element by default in newspaper untouched and the other photo I added a list menu. Questions are:
1.-How can I make to move the list menu totally to the left. i always see centered and I can’t find where to move totally to the left but that is not affecting the mobile versions.
2.-How to add element to the right of the list menu? All the elements I try to drag and drop will go below the list menu and I want to the right add more elements, text, other information, some flex.
3.-The other photo the my account how can I’m ode that element to the right and the same that works in the mobile versions.
For the 3 exactly what menus are what affect all I need because there are a lot of options there a one responds. And if I try to force something the mobile versions are not showing the menus.
These are the photos.
I understand scripting, but see that the image takes more than 12 seconds to generate > https://ibb.co/6ZGSjqS
Can’t we use another solution on mobile? Not load it as a background, but as a cropped, light image? The biggest problem is rendering this image. This problem is only on mobile, help me solve it.
https://pagespeed.web.dev/analysis/https-babskiporadnik-pl-jak-dobrac-szalik-i-czapke-aby-wygladac-stylowo-zima/jt48dywhhz?form_factor=mobile
Hi,
Can you please provide some screenshots of your settings? Also, do you use a mobile page? Have you added the div tags? Those are not recommended for Adsense or something similar. Also, how many times have you added code on the page?
Thank you!
Hi,
I see the website is very fast, on desktop the score is perfect. But while the mobile scoring method is very strict, the result is pretty good https://prnt.sc/irmIopXWJmwT The actual speed is impressive https://prnt.sc/fjbzluyvlGzr
Have you tried this option to delay the footer load https://prnt.sc/cK5eSqf5Clcw This may increase the score by reducing the DOM size.
I see that some images are served in webp, but not all of them https://prnt.sc/JMXIC9rG1jE7 I suggest checking to make sure that all the images are converted to webp.
Also there seems to be no lazyload active on the website https://prnt.sc/Qvvj6foUkjrr I suggest activating the litespeed lazyload, in the media settings. In case there are issues with the images after enabling it, I suggest deactivating the pone from the theme https://prnt.sc/rdDEmi_aHSeS
I’ll check the website more, and try to make more suggestions. In the meantime please try what I suggested so far, so we can see how the website performs.
Thank you!
Hi anamaria, we have to achieve 3 things:
– add different head code (<head>) for each template (Not the same for every page in the website). With your idea, we will add same code to all pages.
– add different mobile/desktop ad units. The divs approch proposed in the docs, does not always work.
– some div ad units are not displaying if we add them as ad boxes in tagdvi.
We are willing to deploy normal Google Ad Manager ad units, nothing fancy. Trying to move out from adsense.
Any example site with Google Ad Manager deployed?
Thanks!
https://babskiporadnik.pl
I contacted wp rocket and the optimization is set according to their recommendations. On the desktop it is PERFECT, but mobile is weak, there the problem is generating a large photo as a background for the featured image.
Cloudflare..
I als use premium service and cloudflare apo wiht device settings is cached. Bu desktop version come on bot desktop and mobile screens.
Hello,
I am using the Newspaper theme for mobilehub.ro. The theme looks great when customized, and we want to keep it for the long term. However, the main issue preventing us from using it until now is the optimization. With almost any other theme, we can achieve scores that pass Web Vitals, but unfortunately, with this theme, we cannot.
Below, I’ve included a screenshot showing what we see when using the Newspaper theme, along with certain LiteSpeed settings that should facilitate passing Web Vitals or at least getting close to an acceptable score.
We are using fairly standard templates with minor optimizations, ensuring we don’t include anything that could slow down the website.
Unfortunately, this score impacts our visitors’ experience, and we absolutely need to fix it. We want our site to perform very quickly, and we are running on a LiteSpeed server.
Surely there are other users using LiteSpeed who have managed to pass Web Vitals. If anyone here can share their settings, I would be very grateful.
In the meantime, given LiteSpeed’s popularity among users—thanks to its free plugin and excellent compatibility with other themes—could you please let me know the best settings that the tagDiv team has tested with this theme?
If there is no way to pass Web Vitals with LiteSpeed, what other configuration would you recommend? I have read all the guides suggested on this forum and external sites referenced by tagDiv team members, but I still haven’t been able to pass Web Vitals with this theme. It’s a bit frustrating knowing there are sites in your niche that load instantly, and you can’t achieve the same.
Thank you!
Hi,
how to add the site logo (image 1)
how to hide the author on the entire site (image 2)
the translation plugin (WPML paid version) is not working
Already cache by device type checkedn nothing change. The mobiles pages I created with tagdiv composer does work with cloudflare APO cache device type…. Nothing is changed.. The problem is keeps going.
Hi
Good Morning
We designed website and in destop its working fine
but in mobile post and pages not working its showing some error Please check
Except home page other pages not working and in mobile menu also not showing
In post and pages when i open in mobile javascrpit error showing
how to fix this, its working fine in destop but in mobile showing error
Please check and help us
we need to make website live soon so please
Please send me stpes also in future i will fix this
Please fix this soon and let me know
I am using the Newspaper Theme and noticed issues with color contrast reported in Google PageSpeed Insights. Text readability is flagged due to insufficient contrast between text and background. You can review the specific metrics in the PageSpeed report. https://pagespeed.web.dev/analysis/https-e-agrotis-gr/cmooiryfvd?form_factor=mobile
Could you guide me on how to adjust the color scheme or settings in the theme to improve contrast and comply with accessibility standards?
Thank you for your support.
I have a problem with the loading time of the page on mobile. On the desktop your template works correctly, but on mobile it is very bad. The longest rendering is the feature image in the entry. See the screenshot.
How can I optimize this – I have wp rocket, ewww image according to your recommendations. The mobile web plugin does not cope with it either.
https://ibb.co/C0bZqxs
Hello,
Unfortunately, you can not disable the tagdiv mobile theme plugin for the cloud templates.
Thank you!
Hello,
Unfortunately, you can not change the behavior of the big grid flex on the mobile. You can try to use another block on mobile.
Also, for this type of block, you can set limit posts.
Thanky ou!
Hello,
Unfortunately, you can not change the behavior of the big grid flex on the mobile. You can try to use another block on mobile.
Also, for this type of block, you can set limit posts.
Thanky ou!
Hi. I really like the big grid flex 5 on pc, but mobile it forces you to scroll to the right and left for bottom posts. Any suggestions on how to have bottom mobile articles appear without a need to scroll right and left. Also can I limit the posts on the big grid flex 5 – I dont see any such option on tagdiv composer.
ty
Thank you. I feel I was not clear enough. Here is the revised version of my question.
I have newspaper running on wordpress site and it works great on browsers for pc, tablet and mobile. I would like to also deploy a similar “news” app for android and apple that has the same newspaper theme, that I have on my wordpress site. Do you have any suggestions of such prepackaged apps or how I can create such an app? Would appresser work for this/and or do you have any other suggestions?
Additionally I would like to publish my posts once and have it simultaneously post on the both the website and the app and was wondering if that is possible.
Thank you again for all your help
On the page: https://dev2024.babskiporadnik.pl/jak-wybrac-idealna-suszarke-do-wlosow/
I have a video player (my advertising partner) after paragraph 5, in the case of advertising, if the player is not visible, the video should be glued to the lower right corner of the screen, but the content container does not release it outside (on desktop and mobile). On mobile, to the top of the page. In the previous template, I did not have this problem. Can you help me how to set styles so that the content container releases it outside and can be glued to the right edge of the page.
Alright, thank you very much for the response!
I finally decided to use the Mobile Theme plugin.
I can set everything up nicely, but for the WooCommerce shop page, even though I disable the Mobile Theme in the Gutenberg editor, only the default WooCommerce store layout appears. However, the “Woo Shop Base Template – Kids Store” template is installed as both the Global and Mobile Template. On PC, the Kids Store template displays beautifully.
How can I configure this so that a different design appears on the WooCommerce shop page? (Specifically for WooCommerce, at least on the shop page, I would like to disable the Mobile Theme plugin. – http://ajovokezdete.hu/shop)
Hi,
For mobile we recommend a logo of this size https://prnt.sc/rZ5T9aahnpa4 I see your logo has a bit of empty space top and bottom, which makes it smaller.
You could use some CSS to make it larger, would this be alright? https://prnt.sc/F91M3nRRqvdn If you like it, please enter the code from here https://pastebin.com/nYLD2taJ in the theme panel here https://prnt.sc/IpbQYdasHtPQ
Let me know if that works for you.
Thank you!
Hello,
There is an option to disable the mobile theme from a page/post – https://i.imgur.com/d3kTBRf.png. This option appears in the Gutenberg editor. After you disable the mobile theme on the page, you can use the responsive version. There are no other solutions.
To increase page speed, I recommend checking which thumbnails you are using on your blocks. You might want to avoid enabling all of them and optimize and regenerate images. You can use the EWWW Image Optimizer for image optimization and the OMGF plugin for fonts. Additionally, you can use the WP Rocket plugin.
There are many optimization guides provided by our users here in the forum, some made by us; you can check some of them
– https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
– https://forum.tagdiv.com/cache-plugin-install-and-configure/
– https://forum.tagdiv.com/how-to-make-the-site-faster/
– https://forum.tagdiv.com/topic/high-number-of-ajax-request/
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://www.andraware.com/wp-rocket-for-newspaper-theme/
– https://forum.tagdiv.com/topic/page-speed-guide-for-2023-beginners-and-advanced/
– https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/
– https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
– https://forum.tagdiv.com/cloudflare-cdn/
– https://forum.tagdiv.com/topic/theme-causing-high-cpu-usage-2/
– https://forum.tagdiv.com/topic/sql-querys-high-cpu/
– https://forum.tagdiv.com/topic/newspaper-theme-slow-to-respond/
– https://premium.wpmudev.org/blog/optimizing-your-wordpress-database-a-complete-guide/
– https://underconstructionpage.com/optimize-wordpress-database/
– https://crunchify.com/better-optimize-wordpress-database-all-in-one-guide/
You can choose what version you want and what suits you.
Thank you!
Hello,
You have the mobile theme plugin activated; please deactivate it and clear the cache.
Using our theme, you can choose from 3 mobile versions
-> mobile responsive => https://www.screencast.com/t/oJ2ShOp47
-> mobile theme plugin => https://forum.tagdiv.com/the-mobile-theme/
-> mobile page => https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/ The option that you need to use.
Suppose you created the mobile pages with tagDiv Composer. In that case, when you install the Mobile Theme plugin, your pages will be overwritten by the plugin (the mobile theme comes with its templates for page, post, category, etc, so your current templates from the desktop theme will get converted to the mobile theme layout, the page content is made without builders in mobile editor => https://www.screencast.com/t/xbgZG8kH also, the options that are provided to edit the mobile theme version are limited (this keeps the things simple)).
This is a video about Responsive Newspaper Theme, AMP & Mobile Theme, Mobile Pages & Templates -> https://www.youtube.com/watch?v=SpGkOnJeNZY.
So, the mobile responsive is what you see when that you select the viewport on phone => https://www.screencast.com/t/matV17hH, so some settings may apply for each viewport(where is the border blue), and others are not(where the border is black).
The mobile page has the mobile templates from Cloud Library => https://www.screencast.com/t/YCcZ8rL8
The Mobile responsive version of the theme and the mobile page editor can be edit with tagDiv Composer, the mobile theme plugin cannot.
For example, you can have the mobile theme plugin activated and use the mobile page/mobile responsive version for the homepage/pages, but for the categories pages/404 page, you can’t use the mobile page/mobile responsive version if you have the mobile theme plugin activated.
So, if you want to design the pages with tagDiv Composer, you can use the mobile page or mobile responsive version.
Thank you!
Guys, I found were to change it but you should include a Social icons on mobile topic in order to not waist to much effort on finding where to change them.
The template is super great, but since it has many options I kindly suggest that. Have a great day.
Close the ticket as resolved.