Search Results for 'mobile theme'

Results from the Forum
Calin
tagDiv Staff

Hi
To have the responsive version of the website, please go to the dashboard > plugins and disable the tagDiv mobile theme plugin.
You can not delete the empty column, only the row that contains empty columns. You can change the layout of rows.

tinklingd
Participant
#0

Hello Tagdiv team,
Pls my website works perfectly on desktop, but not showing up on mobile and I have activated the mobile theme. The homepage and other page links do not work on mobile.
Here’s the link to the website : https://leadradio1063.com/?cmp_bypass=cb952bbfc2bd9ae26bb1aaf4c2fbf44c

Pls let

Calin
tagDiv Staff

Hi,
Ok, so now on desktop is set and is displayed correctly https://prnt.sc/5k-Gh59f5aB5 but you need it on mobile to be adjusted, for this css in the theme panel > custom code> advance css > phone css:
body .td-trending-now-wrapper {
flex-direction: row;
margin-left: 18px;
}

ewc21
Participant
#0

I am using TownTalk theme and added theme for mobile homepage, single, etc. In the preview it looks good, but when I try on my mobile device, it does not look the same and shows the generic Newspaper theme. I read about clearing caches and applying theme, but I must have missed a step or two.

I hope someone can help, with visuals is better. Apologies if there’s already a thread on this (please point me to it).

Thank you!

cyberhrc
Participant
#0

Hi
Ive used your ready block and somehow there is always your add for theme but i cannot find where
https://imgur.com/a/zVhooN8 –> edit screen & live screen [ below i have my own google ad code ]

Also, i am trying to make right boxes [ weather for example ] as sticky but nothing happens. Tried on row and column, smart sidebar is enabled, tried with adding class from your documentation

And last, i am planing redesign. So i made new homepage, added blocks etc. Now i plan to add new mobile home page. Than last thing to do is to make archive pages and category pages. What is ideal way to do it? Loading from cloud or can i save my own template?

Calin
tagDiv Staff

Hi,
This can be done only on the Newspaper theme using the mobile page template -> https://forum.tagdiv.com/topic/litespeed-plugins/
When using this, ensure you use a cache plugin that supports separate mobile and desktop caches.
Thank you!

Calin
tagDiv Staff

Hi Barbareto,
For this, you can use the Mobile page template. Here are the three available solutions for the mobile version:

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.

Thank you!

Calin
tagDiv Staff

Hello,

Here are the three available solutions for the mobile version:

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.

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!

Barbareto
tagDiv Member

How do I create a mobile design that’s independent of the desktop browser design without using the default mobile theme?
Next, in the WordPress settings – reading – static pages – homepage, I set it to “home.” For the post page, should I leave it blank or use a mobile template?
Or, what should I use as the homepage in WordPress: the original page or the mobile template?

Barbareto
tagDiv Member

How to create a Mobile Design that is Independent from the Desktop Browser Design, without using the default mobile theme.

neil363
tagDiv Member

Ah, got it. Disabled and the pages are now showing.

Does that mean I cannot use the mobile theme, and have the pages working properly?

Calin
tagDiv Staff

Sorry, I meant to say to disable the tagDiv Mobile theme plugin.

neil363
tagDiv Member

Hi,

Could you explain how I ‘select the tagDiv Mobile theme plugin’?

It is in my plugins, activated, but I cannot ‘select’ it.

I’ve deactivated and reactivated it, cleared full cache.

Thanks for the help.

Calin
tagDiv Staff

Hi,
To have the responsive version on mobile, then please go to your dashboard > plugins and select the tagDiv Mobile theme plugin, clear the cache, and the problem will be resolved.
Thank you!

Calin
tagDiv Staff

Hi Barbareto,
AMP can be used without the tagDiv Mobile theme. A long time ago, when AMP was more popular, we recommended using it together with our mobile plugin so the AMP layout would match the mobile theme.
Nowadays, AMP isn’t really necessary anymore, and many users have given up on it.

gct
Participant
#0

Good Day,

I am using the newspaper theme on my website, for some reason when I scroll down on the mobile site there is a sticky menu that appears to be adding a double logo/tagline.

Could you please assist me in resolving this? I have also updated the theme to the latest stable version but the issue persists

Barbareto
tagDiv Member

I have created a mobile theme on my website, but not using a mobile theme plugin, can I use AMP?

RECORD EUROPA
tagDiv Member

Hi Calin,

Thanks for the suggestions — we tested exactly as requested (logged in, no cache, and only tagDiv/theme plugins active) and the issue still reproduces reliably on our side on both desktop and mobile.

From comparing the DOM between an installation where the search works and our installations where it fails, the key difference is where the theme’s Accessibility module ends up placing/targeting #maincontent. The module (via tdAccessibility.js) assigns/normalises the #maincontent container based on what it detects in the page structure (e.g., presence/absence of a proper <main> element and the surrounding wrappers). On our affected sites, #maincontent resolves to a wrapper that also contains the header/search trigger, so when the search is opened the script attempts to apply aria-hidden/inert to #maincontent while focus is still on the search trigger. Chromium then blocks aria-hidden in that state (“descendant retained focus”), and the page ends up in an inconsistent/blocked interaction state.

This would also explain why the same setting appears to work on a generic installation: if #maincontent resolves to the actual content area (excluding the header), the search trigger is not a descendant of #maincontent, so the focus/aria-hidden conflict never happens.

Thank you.

Calin
tagDiv Staff

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.

icedge
tagDiv Member

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

RECORD EUROPA
Participant
#0

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:

https://recordeuropa.com/noticias/portugal/portugal-e-espanha-juntos-sao-a-maior-plataforma-turistica-do-mundo-16-03-2025-263052

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.

Calin
tagDiv Staff

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

riminisparita
tagDiv Member

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

Calin
tagDiv Staff

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.

Calin
tagDiv Staff

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.

Viewing 25 results - 176 through 200 (of 22,177 total)