Skip to main content
Many of your visitors will see your site on a phone. The preview can show any page at phone and tablet sizes, so you can catch problems before visitors do. In this example the Northwind menu looked fine on a desktop and a phone, but two links ran into each other on a tablet. We found it in the preview and had the AI fix it.

​
Switch the preview size

1

Use the device buttons

Above the preview are three buttons: Desktop view, Tablet view (768px) and Mobile view (375px). Click one to resize the preview.
The three device buttons above the preview with the phone button outlined, next to the page picker

The device buttons, with Mobile view outlined

The builder with the Mobile view button outlined in the toolbar above the preview

Where the device buttons are

2

Look at the page at phone size

The page appears at phone width, and the width shows under it (375px). Scroll and click around just as you would on a phone.
The builder showing the Northwind home page in a phone-sized frame, 375px wide

The Northwind home page at phone size

3

Check every page you changed

Use the page picker to open other pages at the same size. Here is the new FAQ page from Add a New Page on a phone:
The Northwind FAQ page in a phone-sized frame

The FAQ page at phone size

Need another size? In Tablet or Mobile view, drag the handles on either side of the preview to make it narrower or wider.

​
Fix a problem you find

1

Spot the problem

At tablet size, the Northwind menu was too crowded: About and Wholesale ran together into one word.
The builder showing the Northwind home page at tablet size, 768px wide, with the Tablet view button outlined

The home page at tablet size

The tablet menu bar with the words About and Wholesale touching, outlined

Close up: About and Wholesale run together

2

Tell the AI what you saw

Say which screen size has the problem and what looks wrong:
The chat box with the tablet menu request typed in

The request in the chat

3

Check the fix at the same size

The AI changed the menu so tablets get the menu button (the three lines on the right), the way phones do. The desktop menu stayed the same.
The tablet menu bar now showing the Northwind logo and a menu button with three lines

After the fix: a menu button at tablet size

The opened tablet menu listing Shop, Subscribe, Locations, Blog, About and Wholesale, with an orange Shop Beans button

The menu opened at tablet size, with room for every link

The preview frames show your pages at real phone and tablet widths, but nothing beats a real device. After you publish, open your site on your own phone too.

​
Next

6. Undo a change

Take back a change you do not like, and save a restore point before a big change.