The builder modes customization feature allows for editing of page sections and content on Desktop, Tablet and Mobile views directly in the editor!
Desktop mode is the default and where adjustments of main settings for elements is performed, such as setting a destination for buttons/images, adding a link for text or adding an embed code for a video.
Edit modes for Tablet and Mobile are currently style-related, allowing to adjust the style of elements and sections on each device type. So that you can optimize the appearance of sections and elements on each device type used to view your page, edits in each different mode are independent from one another.
To start editing in Tablet or Mobile modes, just click on the desired icon at the top of the builder (1) or on the "Edit on" icon in the left sidebar menu available for each section, row, column and element (2):
To edit an element (row, column, button, image, etc) within a section, click on the element in the builder to open the left sidebar panel where the settings are located.
Using the "button" element as an example, you can choose which mode to edit in and adjust all settings related to the button element:
When switching to Tablet or Mobile edit modes, only the appearance of the button can be adjusted on each device type independently. Main button settings are available in Desktop edit mode only:
To edit a section, click on the "Section Appearance" button in the top-left corner of the section to open the left sidebar panel where the section appearance settings are located:
When switching to Tablet or Mobile edit modes, only the Spacing and Visibility settings will be available so you can adjust the appearance of the section on each device type independently:
If a section is hidden on a particular view, then a device icon will be shown in the top-left corner of the section indicating that the section is hidden on that view: