What it does
Viewport Conditions swap content by width, not User-Agent. Resize this window to try it. Personalization on /demos/personalization/ uses the same idea for headings.
Live demo
Advanced tab stills. The Personalization demo is the live resize proof.
How to implement
- Select a widget → Advanced → Viewport Conditions.
- Set a min or max width.
- Resize the preview.