Issue Summary

Cookie consent banner content fails to reflow at 320 × 256 viewport.

Steps to Reproduce

1. Open the confluence cloud homepage.
2. Ensure a fresh session where the cookie consent banner is triggered.
3. Open the browser developer tools (Inspector).
4. Activate the “Toggle device toolbar” button to switch to responsive mode.
5. In the device toolbar, from the device dropdown, select any mobile device or choose “Responsive”.
6. Set the viewport size to 320 × 256.
7. Observe that coockie consent banner content is not fully accessible.

Screenshot

Actual Results

The cookie banner notice message is truncated, and the “Preferences” button is only partially visible when viewed at 320 × 256 pixels. These controls are therefore inaccessible and non-functional, as they overflow the viewport boundary and cannot be reached.

As a result, users with low vision experience difficulty accessing the full message and configuring the required cookie preferences.

Expected Results

All the content on the page should be available when the page is viewed at 320 * 256 viewport. 

In this scenario, ensure that the cookie consent banner reflows to a single column at 320 * 256 pixels so that the content remains fully visible, accessible, and operable.

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.6.2
Windows - 11 pro
Chrome - Version 152.0.7977.77 (Official Build) (arm64)
Safari - Version 26.6.2 (21624.5.1.11.3)