How to Use Breakpoints in Wix Studio

Adjust your layout for each screen size instead of editing a separate mobile site.

Last checked August 2026. Wix changes its interface often — if something looks different, the underlying steps usually still apply.

Studio does not have a separate mobile editor. Instead you design once and then adjust how that design behaves at each screen width.

At the top of the Studio editor you will see desktop, laptop, tablet and mobile widths.

Get the largest breakpoint right before touching the others. Changes cascade downward.

Adjust spacing, font sizes and stacking at each width rather than jumping between them.

Elements inside a stack reflow automatically, which is usually less work than repositioning by hand.

Careful: Changing an element at a smaller breakpoint only affects that breakpoint and below. Changing it at desktop affects everything.

Work out which one you are using and why the instructions differ.

Next, you'll probably need