Elements Management in Mobile Editor

Please Note: This article applies to Free Trial accounts created before 16 December 2024 and WebsiteWebsite+Marketing and eCommerce packages created before 18 December 2024. If your accounts were created after these dates, please refer to the Elements Management in Mobile Editor (New Grid) article.

What are Elements?

An element is a pre-designed layout component that you can use to create custom, professional-looking website pages with the Site Editor.

Follow these steps to manage elements in Mobile Editor.

Adding Elements

Option 1

  • Before you choose the element from the Elements Library, select the section to place the element:

  • You can access the library of ready-made elements by clicking the Add Element (+) icon:

  • Select the element from the Elements library:

  • The element will be added to the top of the selected section:

Option 2

  • You can access the library of ready-made elements by clicking Build at the bottom:

  • Select the element from the Elements library:

  • The element will be added to the top of the selected section:

Please Note: If the section is not selected, the element will be added to the top of the page.

  • Select an element to display the Editing Menu that allows you to modify the item:

Moving Elements

To move an element:

  • Select an element you want to move by clicking on it:

  • Tap and hold the element you want to move:

  • Hold the element and start dragging into the new place:

  • Release to drop the element to a new place. The component takes on the size of the selected placeholder.

Resizing Elements

You can resize elements in the Mobile Editor.

  • To resize an element vertically, click on the element:

  • Click the resizing control that appears at the bottom and drag it upwards or downwards. Drop the control to save changes:

Deleting Elements

  • To delete an element, click on it:

  • Click the Delete button (Bin) that appears at the bottom: