Helpful tips before you start editing
Screenshots show one of our templates. Yours may look slightly different, but the steps are the same.
Lock anything that's exactly where you want it
Sometimes elements look perfect on desktop but shift or get slightly cut off on mobile. Locking an element keeps it in place in both views and stops accidental movement while you edit. Select the element and click the lock icon. You can unlock it any time.
[Screenshot: the lock icon]
Preview as you go
Don't wait until the end. Click Preview (top right) regularly to check desktop and mobile. You'll catch spacing issues and misaligned text before they become a problem.
[Screenshot: the Preview button]
Switch on “Resize on mobile”
When you preview, make sure Resize on mobile is ticked at the bottom of the preview screen, so everything displays neatly on smaller screens.
[Screenshot: the Resize on mobile checkbox]