Skip to main content

Preview a page at different viewport sizes

Use the Page Editor viewport and zoom controls to inspect a client page at different display sizes.

N
Written by Niyaz

Use the Page Editor viewport and zoom controls to inspect a client page at different display sizes.

Page Editor with viewport and zoom controls

Before you begin

Ensure that the page already exists. For page creation, see Create a client page.

Steps

  1. In the navigation, select Client pages.

  2. Select the page you want to preview.

  3. Select the Page Editor tab. The Page Editor tab opens.

  4. In the Page Editor, select Switch to SM viewport or Switch to MD viewport. Use the smaller viewport to inspect the client page at a different display size.

  5. Select Switch to XL viewport. Return to the larger view when you want to inspect that display size.

  6. If needed, select Zoom viewport out or Zoom viewport in. Adjust the preview scale when the viewport needs a different inspection size.

Related

Did this answer your question?