- 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
how to add by css code news thicer has a icon like aljaseera inline desplay poth mobile and desktop becouse tagdiv has only one who has only text no icon before text
Other quaition is i need to get free size wieght and hight menu for divtag Visit My Website I need two Menu header Both for mobile and desktop tablet free space that i can manage two menu
Hi,
I just checked the mobile menu situation and it appears that you have managed to resolve the problem.
Hi,
Please make sure that you have the latest theme version, Newspaper 12.7.4. If you have an old version, make a full backup and update the theme and theme plugins you are using https://forum.tagdiv.com/how-to-update-the-theme-2/
For the mobile menu issue, please check whether it persists when you are logged in; if not, it is related to some cache settings.
Thank you.
Now I have some problems with menu on mobile phones not loading when touching 🙁
Why WordPress + Newspaper creates ~27 image sizes
Two things are happening at once:
1️⃣ WordPress core creates image sizes
By default WordPress generates:
thumbnail
medium
medium_large
large
plus retina variants (2x)
2️⃣ Newspaper theme (tagDiv) adds many custom sizes
Newspaper is optimized for:
blocks
sliders
modules
mobile / tablet / desktop
retina (2x)
So it registers 20+ custom image sizes, which is why every upload explodes into ~27 files.
👉 This is normal behavior for Newspaper — not a bug.
What image sizes does Newspaper REALLY use?
In practice, Newspaper mostly uses these core groups:
✅ Commonly used sizes
td_696x0 → main article featured image
td_1068x0 → full-width layouts
td_300x220 → small blocks
td_534x462 → medium blocks
td_80x60 → widgets / lists
Retina (2x) versions of the above
⚠️ Many other sizes are edge cases (rare modules, legacy layouts, demos).
Option 1 (Recommended): Reduce image sizes SAFELY ✅
Step A: Disable unused sizes via code
Add this to functions.php (or a custom plugin):
add_filter(‘intermediate_image_sizes_advanced’, function ($sizes) {
$allowed = [
‘thumbnail’,
‘medium’,
‘large’,
‘td_696x0’,
‘td_300x220’,
‘td_534x462’
];
foreach ($sizes as $key => $value) {
if (!in_array($key, $allowed)) {
unset($sizes[$key]);
}
}
return $sizes;
});
📌 This:
Keeps only important Newspaper sizes
Stops WordPress from generating the rest
Option 2: Disable Retina Images (Huge win 🚀)
Newspaper creates 2x images by default.
Turn them off:
Newspaper → Theme Panel → General Settings → Retina Display
➡️ Disable Retina Images
💡 This alone can cut image generation almost in half.
Option 3: Use a plugin (Easiest, no code)
Install Disable Media Sizes or Perfmatters.
Then:
Disable unused WordPress sizes
Leave Newspaper core sizes enabled
⚠️ Don’t blindly disable everything — Newspaper needs some sizes to avoid layout breaks.
Option 4: Regenerate after cleanup (IMPORTANT)
After changing sizes:
Install Regenerate Thumbnails
Regenerate
Delete old unused thumbnails (plugin or server cleanup)
❌ What NOT to do
Don’t disable all td_* sizes
Don’t edit Newspaper core files
Don’t rely only on CDN offloading (it hides the problem but doesn’t fix disk usage)
Best setup for Newspaper (my recommendation)
✅ Disable Retina
✅ Keep 6–8 essential sizes only
✅ Use Bunny / CDN for delivery
✅ Use WebP/AVIF
This keeps:
Layout intact
Disk usage low
CDN fast
The menu on my mobile device is giving me an error. (Screenshot attached)
https://postimg.cc/gallery/9czLfpc
Site Tn8.ni
Hello tagDiv Support,
We are experiencing an issue with the header search (magnifier icon) that may block page interaction, mainly on mobile, only when the Theme Panel module:
Template Settings → Accessibility (Keyboard + Skip link + Search dialog) is enabled.
When the magnifier is tapped, the search panel appears, but the page can become partially or fully unresponsive (e.g., cannot type into the search field, closing becomes unreliable, and the page may require a reload to recover). In DevTools we consistently see the following warning during the sequence:
“Blocked aria-hidden on an element because its descendant retained focus…”
This points to tdAccessibility.js applying aria-hidden=”true” (and/or inert) to an ancestor while a descendant still has focus (e.g., the search trigger button or the search input). This creates an invalid accessibility state and can leave the UI in an inconsistent “stuck” state.
We implemented a temporary mitigation snippet to prevent the stuck state site-wide, but we intentionally excluded one single post so you can reproduce the issue without the mitigation on a controlled page:
On that page, the behaviour is “as-is” with the Accessibility module enabled, to help you test and diagnose the tdAccessibility.js Search dialog flow.
Please review the tdAccessibility.js Search dialog logic to ensure that:
aria-hidden=”true” / inert is never applied to any element that contains the currently focused node;
the search dialog container cannot end up aria-hidden=”true” while it contains the focused input;
opening/closing restores a consistent state every time on mobile (focus + attributes).
Thank you.
Regards.
Hi nearview,
Unfortunately, we do not have the possibility to store the screenhost on our forum; we must use external platforms. I just reuploaded the images on 2 platforms for the Simion message, you can see it below:
That is possible. The background of the mobile menu can be customized in the theme panel.
The image can be set here https://i.imgur.com/sLbPnnQ.png, same image https://prnt.sc/aysKVPuoYogW
And the colors here https://i.imgur.com/xtKZNcs.png same image https://prnt.sc/wbXHSgMEMClv
Hi Cailin.
a) Yes, Rev Slider is fully updated (6.7.40)
b) Yes, RS is at the beginning of the page. We tried to delete it and the layout is OK (posts are in the right place, obviously): we also tried to replace the previous RS layout with a new one, but the issue persists
c) we choose to delete the RS for now, the general layout was terrible
d) Yes, we disabled the tagDiv Mobile theme
Here some images:
https://postimg.cc/gallery/VcVBLMR
Thank you
Hi riminisparita, did you update the Revolution slider? It appears that the content is going over the Revolution Slider. Can you check how the Revolution Slider is set at the beginning of the homepage? Is it set using the Revolution Slider element from tagDiv Composer?
Also, on mobile, do you want to use the desktop version? If so, please disable the tagDiv Mobile theme plugin because on your mobile version, right now, it is displaying a different layout and without images.
Hi awilbanks,
The tagDiv Mobile Theme plugin no longer provides a fully responsive version. It can be used if you want a simple mobile layout, such as for a blog. However, if you are looking for a responsive version with the same layout and content as the desktop site, this cannot be achieved using the tagDiv Mobile Theme plugin.
The improved speed you are seeing is mainly due to the simpler layout. If you build the site using only one or two blocks similar to how the mobile theme works the performance results will be quite comparable.
A responsive version, however, loads all elements from the desktop layout. To achieve better speed in this case, you need to optimize CSS and JavaScript, use a reliable caching solution, and in some situations, adjust the page content itself. Pages with many blocks, images, and elements will naturally load slower than pages with fewer components.
You say it is not recommended, but my page speeds greatly (and I mean greatly) decrease if I am not using the mobile theme. Going to my page on mobile is instantaneous. Going to the the regular version on mobile without the mobile theme, takes up to 30 seconds to load. That is using, page optimize, and jetpack’s optimization features as well.
Hi,
The issue you’re experiencing may be related to the image used as the logo on mobile. Could you please set a mobile specific logo with dimensions of 60×60 pixels? I believe this matches the width and height currently used for the mobile logo.
If a larger image is used, it will be resized the first time, which is likely why you see the large space initially. Another test you could try is removing the logo from the mobile menu entirely to see how the layout is affected.
Thank you!
Hi,
Please check whether you are using the tagDiv Mobile Theme plugin. This plugin is not necessary if you want the mobile version to be the same as the desktop version, as it is only used to display a simpler blog layout on mobile devices.
1. Responsive Desktop Version – The default responsive layout that adjusts to mobile screens using tagDiv Composer – https://i.imgur.com/apZQZ0o.png
2. Mobile Page/Template – A custom mobile layout that can be created using the tagDiv Composer.
3. tagDiv Mobile Theme Plugin – A separate mobile theme that provides a dedicated mobile experience but is limited in edits and changes.
Note: When the tagDiv Mobile Theme Plugin is activated, it takes priority and will be displayed on mobile devices. If it’s not active, the system will check for a mobile page/template built with tagDiv Composer. If neither of these is in use, the responsive desktop version will be shown by default.
Related to the cache, please check in the cache plugin documentation if this supports mobile cache if you are using the mobile page/template or tagDiv Mobile theme.
Also, the tagDiv Mobile theme is the only one that can be used for AMP. Unfortunately, the options for editing the layout are only a few. Also, pages need to be remade using the mobile editor only:
– https://forum.tagdiv.com/mobile-theme-introduction/
– https://forum.tagdiv.com/the-mobile-theme/
– https://forum.tagdiv.com/tagdiv-amp-plugin-tutorial/
Thank you!
Hi,
No, I understand. In this situation, you’ll need to create a new menu (you can name it “Mobile Menu” or something similar). To achieve the best results, especially for page speed, I recommend using Custom Links when building the menu.
With Custom Links, you can define the exact text you want to display for each menu item and specify the URL each item should link to. https://www.youtube.com/watch?v=cWAOFrOsY9I
Hello TagDiv Support Team,
I am using the Newspaper theme and have created a mobile page for my website. However, the page is not working on mobile devices — it does not display at all.
I have checked the settings and made sure the page is published, but the issue persists. Could you please guide me on what might be causing this problem and how to fix it?
Website URL: krishanfoundation.com
Thank you for your assistance.
Hi,
We are planning to use BlockChain Demo (Blue and Pink gradient banner):
https://demo.tagdiv.com/newspaper_blockchain_pro/
It loads on mobile phones, but when it loads first time there is a big space above “Invest In Crypto The Smart Way!”.
So, the top banner with logo, menu etc. appears then there is big space below the white top banner until the text – “Invest In Crypto The Smart Way!” After we refresh the site, the gap disappears, the text comes to the top and works fine.
This issue is only on mobile view. Could you please help us to fix this?
Thanks
Hi,
I’ve just checked the menu on mobile, and it is exactly the same as on desktop, with the same structure. Do you still experience this issue, or have you managed to resolve it?
Hi revistaexecutivoangola,
From what you described, it seems that something is interfering with the theme. I suggest running a test using only the tagDiv plugins, without any extra plugins, to see if the problem persists.
Also, please check whether you are using the tagDiv Mobile Theme plugin. This plugin is not necessary if you want the mobile version to be the same as the desktop version, as it is only used to display a simpler blog layout on mobile devices.
Hi,
on my website (www.israele360.com), when i’m on mobile, and i click on the hamburger menu (and the menu in the backend is set to the main menu), i see that some links go to categories, and other to a a couple of pages. I need that this menu is consistent with the one on the desktop and show pages and their structures.
How can i fix this ?
thanks
My website is also having problems on the mobile version. Initially, it loads the first news items. As you scroll down the page, the screen goes completely white, and when you return, everything freezes. It seems to have crashed, and because of this, even the news items at the beginning of the page don’t appear. Can anyone help me?
Hi,
On the homepage, the logo will be from the mobile and the article will be from the post title.
Thank you!
Hi,
The situation with teh gap is that until the cache is loaded on the browser, the website is loading from teh cache stored on the mobile browser.
The logo can be set on mobile using the tagDiv Composer and selecting the mobile viewport. You can set a logo using text, image, icon and SVG – https://forum.tagdiv.com/add-logo-newspaper/
For the mobile menu, first make sure that you have a menu created https://forum.tagdiv.com/main-menu/ after that https://imgur.com/hHCMMoT
Hi,
You need to do it from all logo elements, you have now logo on header, sticky header, mobile header, mobile sticky header and footer and one in the page used as popup https://i.imgur.com/Hb429Jh.png
