Builder & design · guide
Responsive design
Per-breakpoint overrides, stack order, and mobile-first defaults.
Responsive design
Every style value in the Builder can be set per breakpoint. Base (desktop) cascades down unless overridden.
Breakpoints
Defaults:
- Mobile — <768 px
- Tablet — 768–1023 px
- Desktop — ≥1024 px
Adjust the thresholds in Design → Global styles → Breakpoints.
Setting per-breakpoint values
- Toggle the device in the toolbar (Desktop / Tablet / Mobile).
- Change any style value — the override shows with a colored dot next to the field.
- Toggle back to Desktop — the base value is preserved.
Column stack order
Columns stack top-to-bottom on mobile by default. Change order per breakpoint in the column's Layout tab.
Hide / show per breakpoint
Every widget has a Visibility control in the Advanced tab — hide on mobile, tablet, or desktop.
Preview
Toggle Preview in the toolbar to see the page without the builder chrome. Resize the viewport to test breakpoints.