Builder basics

Make your page look right on mobile

Check and fix the phone and tablet layouts before you publish.

Step 1 of 4
Switch device

Use the Desktop / Tablet / Mobile buttons in the top bar. The canvas re-renders at that width so you see the real breakpoints, not a guess.
Step 2 of 4
Look for the usual suspects

Long unbroken words, wide tables and multi-column rows are what break on phones. Anything that shows a horizontal scrollbar needs attention.
Step 3 of 4
Fix with the style panel

Reduce font sizes, stack columns, or hide decorative elements on small screens using the responsive controls on the block.
Step 4 of 4
Full-width check

Scroll sideways at mobile width: if the page moves, something is overflowing. Fix that before publishing.

Related guides

Change any wording or image on the page without leaving the canvas.

Understand the difference between saved, published, and live.

What every panel, button and tab in the builder actually does.

Ctrl + S	Save the page
Ctrl + Z	Undo
Ctrl + Shift + Z	Redo
Ctrl + C / V	Copy / paste selected blocks
Ctrl + D	Duplicate the selected block
Ctrl + A	Select all blocks

If not, the community and our support team are one click away.

All guides Contact us