How to preview and toggle device views while editing?

Website

To conveniently build and preview your website simultaneously and view it on various devices, use the "Live View" feature.

Live View:

When you enter the website builder, you are in the edit view by default. When you're editing your website, you can toggle between "Edit" and "Live View." In the "Edit" view, all the tools and side menus are visible for making edits. Switching to "Live View" hides these elements, giving you a clear view of your website.

Device Views:

When you enter the website builder, you start in tablet view by default. You can click to toggle among laptop, tablet, and phone views to see how your website will appear on different devices. For the laptop view, your device may not fully display it. You can scroll up, down, left, and right to see the full view.

Screenshot-2024-03-25-at-06.34.12-1.png

đź’ˇ You can switch between laptop, tablet, and phone views while in preview mode. Toggling between device views and switching between edit and preview modes are independent actions. This means you can switch to any device view while moving between edit and preview modes simultaneously.

đź’ˇ After toggling to the preview view, switching between device views allows you to see your website more clearly.

Last updated on