All Collections
Mastering the Editor
Optimizing Pages for Different Screens
Optimizing Pages for Different Screens
Akshaya Kumar avatar
Written by Akshaya Kumar
Updated over a week ago

In this article, you can view how your page aligns and presents itself in both - desktop and mobile browsers. Doing this can help you alter and align your content for both views.

When you enter a storyboard, by default you will enter the desktop editor where you can use various elements to create a page.

Every element added to the desktop editor will automatically get added to the mobile editor as well.

Quick tip: Using a section widget on the desktop builder and adding elements with the section widget will make optimization on the mobile editor much simpler and more organized to build.

The switch from the desktop editor to the mobile editor is very simple.

Clicking on the mobile and desktop icons will preview the page on the respective resolutions.

On mobile view, selecting Optimise Layout will realign all of the elements to fit the mobile screen. You can further realign the elements as per specifications.

Still have queries? Send them to us at and we'll be glad to assist.

Did this answer your question?