By default, the mobile website's version displays elements in the order they've been added to the desktop version. Even if you, later on, reorder elements on the desktop, these changes are not automatically applied to the mobile version. You can sort elements on the mobile view manually. This way, you can lay out elements differently on desktop and mobile views.

NOTE: To achieve the best result, avoid moving elements between sections: it affects both mobile and desktop versions, thus may distort your website's layout; instead, feel free to reposition elements within a section

Switch between the views by clicking on the mobile or desktop icon in the upper toolbar:

Learn how to make the following changes in the mobile editor:

Reorder elements

To reorder elements, enter the mobile view, and simply drag and drop elements:


Resize elements

To resize elements, enter the mobile view, and use the resizing handles on the element borders:


Resize text

You can resize text in two ways:

  • Globally – affects all texts of a particular style (e.g., all texts written in Heading 1) all across your website on the mobile view

  • Locally – affects a particular text element on the mobile view

To resize text globally on mobile, enter the mobile view and change the font size of a particular text style in the global text style settings:

To resize text locally on mobile, enter the mobile view, click on a particular text element and change its font size:

NOTE: In the mobile view, you can only set different text sizes and line heights. It means that if you choose a different font family on mobile, it will also change in the desktop view. The same happens if you change the whole text style: for example, if you set Heading 2 for mobile while it's Heading 1 on desktop, the text element in the desktop view will change to Heading 2, too 💡


Change the menu position

To change the position of the burger menu, enter the mobile view, click on the header section and open its settings:

In the Layout tab, change the menu position:

NOTE: If you can't see the header section, it's likely that all your website pages are hidden from the navigation menu


Change the logo position

To change the logo position, enter the mobile view, click on the header section, and select Change logo:

In the Logo tab, change the logo position:

NOTE: If you can't see the header section, it's likely that all your website pages are hidden from the navigation menu

Did this answer your question?