Demo

Here’s a demo to show how you can do this:

Access the Page Editor

Navigate to the page you wish to preview and open it in the editor mode.

Locate the Device Preview Icons

In the top toolbar of the editor, you'll find icons representing different devices: desktop, tablet, and mobile.

Preview on Desktop

Click on the Desktop icon to see how your page appears on a standard desktop screen.

Preview on Tablet

Click on the Tablet icon to view the tablet version of your page. This helps you ensure that elements are appropriately scaled and arranged.

Preview on Mobile

Click on the Mobile icon to check the mobile responsiveness of your page. This is crucial for users accessing your site via smartphones.

Make Necessary Adjustments

If you notice any layout issues or content misalignments in any of the views, adjust your design accordingly within the editor to ensure consistency across all devices.