Issue Summary

The main content fails to reflow when viewed at 320*256 viewport.

Steps to Reproduce

1. Open the Confluence home page.
2. Now, open the browser developer tools (Inspector).
3. Activate the “Toggle device toolbar” button to switch to responsive mode.
4. In the device toolbar, from the device dropdown, select any mobile device or choose “Responsive”.
5. Set the viewport size to 320 × 256.
6. Observe that the content is not completely visible within the 320 × 256 viewport.  

Screenshot 1

Screenshot 2

Actual Results

When the browser viewport is resized to 320 × 256 pixels, some content in the main region is not fully available and parts of the main content are cut off. In addition, the top navigation controls, including the Edit, Share, Copy link, and More actions buttons, become unavailable at this viewport size.

As a result, low‑vision users find it difficult to access all content or key page actions at this viewport size.

Expected Results

All content and controls on the page should remain fully visible and usable at a 320 × 255 viewport, with no loss of information or functionality.

Use relative units to define font and container sizes in CSS to ensure that page's content reflows correctly when viewed at 320 * 256 viewport. In addition, use CSS media queries to display web page content correctly when viewed using different devices, such as mobile phones, tablets and so on.

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available.

Environment

MacBook Pro (16 inch, 2021)
macOs 26.2 (25C56)
Windows - 11 pro
Chrome - Version 144.0.7559.97 (Official Build) (arm64)
Safari - Version 26.2 (21623.1.14.11.9)
JAWS - Version 2025
NVDA - Version 2024.4.2.35031
Voiceover - Version Latest