Skip to main content
Responsive mode lets you test how your site looks on different devices and screen sizes. Switch between desktop, tablet, and mobile, adjust zoom, and rotate devices horizontally or vertically.
Responsive mode works alongside other tools.
You can edit content, add comments, or refresh the preview window while viewing different devices.

​
Why use Responsive mode?

Test layouts

Check how your design adapts across desktop, tablet, and mobile.

Simulate devices

Toggle between portrait and landscape orientation.

Adjust zoom

Change the zoom level of the preview window for easier review.

Catch issues early

Spot and fix layout or spacing problems before publishing.

​
How it works

1

Enter Responsive mode

Click the Mobile icon in the preview toolbar.
2

Choose a device

Select Desktop, Tablet, or Mobile from the dropdown.
3

Adjust zoom

Use the zoom menu to resize the preview window (for example, 100% or 125%).
4

Rotate the device

Switch between portrait and landscape to test layouts.
Always check your site in mobile view before publishing. Most visitors will experience your website on smaller screens.