Hello tagDiv Support,
I am experiencing a responsive layout issue with the Newspaper Theme / tagDiv Composer on mobile devices.
Problem description:
On the second/narrower mobile viewport, the entire layout suddenly behaves as if the desktop width is still active. Rows, columns and content containers expand to desktop width instead of adapting to the smaller mobile viewport.
Important details:
* The issue only appears on the narrower mobile viewport.
* Desktop and larger mobile/tablet viewports work correctly.
* The problem affects the entire viewport width, not just a single element.
* I already checked common responsive settings and cleared caches.
* The problem persists even after removing several header elements.
* The affected pages are built with tagDiv Composer and Cloud Templates.
* I suspect either:
* corrupted viewport-specific Composer settings,
* a responsive inheritance problem,
* Stretch Row / fixed-width settings not resetting correctly,
* or a known issue related to the lower mobile viewport.
Additional observations:
* I found references in your changelog mentioning fixes related to:
* responsive checkbox behavior on lower viewports,
* sticky columns on mobile,
* viewport-specific layout issues.
Questions:
1. Are there known issues in recent Newspaper versions related to the second mobile viewport?
2. Is there a known bug where desktop width settings persist on smaller mobile breakpoints?
3. Could this be related to:
* Stretch Row,
* Sticky Columns,
* Cloud Header templates,
* Mobile Theme plugin,
* or Composer viewport inheritance?
4. Is there a recommended way to fully reset viewport-specific Composer settings for rows/columns?
Environment:
* WordPress
* Newspaper Theme
* tagDiv Composer
* Cloud Templates enabled
* Classic Editor
* Responsive mode (not AMP)
Thank you.
Hi,
By default all the elements from the composer are responsive, meaning they adapt to display correctly on all these viewports -> https://prnt.sc/QnpXl1VFmOC_
If maybe you set fixed widths for rows or columns or other elements, for example -> https://prnt.sc/ULfoy2IdrjSl then those widths are inherited by default by all the other viewports. So while it may look good on desktop, it will probably not look good on smaller devices. That’s why it can be adjusted per viewport, you can for example set a different smaller width on tablet -> https://prnt.sc/WmDFYsPu8nmK It depends.
If I could see the page I can could inspect it with the browser inspector and see why it displays like that. Could you provide a link? Or if maybe the website is private, you can send a link by email at contact@tagdiv.com also maybe provide admin login so I can check the page directly in the composer.
Thank you!
