Responsive Design
Configure mobile and tablet behavior for pages and key widgets.
Breakpoint workflow
1
Build desktop first
Create your base layout in desktop view.
2
Adjust tablet and mobile behavior
Review spacing, stacking, fit/height controls, and alignment per widget.
3
Verify interaction patterns
Confirm menu behavior, CTA layout, and content readability on smaller screens.
Common responsive controls
- Column and sub-column stacking
- Spacing and gap controls
- Global page/blog width baselines from Layout
- Media fit and height behavior
- Text sizing and line-height adjustments
- Widget-level mobile visibility options
Priority widgets to test on mobile
- Core workflow references: Creating Pages, Drafts and Publishing, and Widgets.
- Menu Widget
- Video Widget
- List Widget
- Sub Columns Widget
- Button Widget
Related Help Docs
Updated Mar 6, 2026
Was this helpful?