If a feature has the option to edit for mobile devices, you will see a Viewpoint icon next to it. To edit for mobile devices, click on the Viewpoint icon, then choose Tablet or Mobile.
Advanced Tab: Responsive Drop Down Menu
Each section or widget has a Responsive drop down menu in the Advanced tab. Here, you can hide or show the contents of the section or the widgets for your devices by enabling or disabling the toggle. Changes made for each device only reflect on that specific device and do not alter the others.
Correcting the Stacking order of Columns
Websites created in desktop mode are automatically adjusted to be responsive. However, they may need some tweaking.
Click the Responsive Mode icon at the bottom left of the panel.
Choose the mode you want to edit.
Click on the section handle.
Click on the Advanced tab>Responsive.
Click Reverse Columns for your device type.
Editing Fonts for Mobile Devices
Font Size
Click on the widget handle
Go to the Styles tab
Click on Typography then on the viewpoint icon for the font size and choose the device for which you want to edit.
Move the slider to achieve desired size and look.
Line Height
Move the slider to change and adjust the vertical height of your text.
Letter Spacing
Move the slider to adjust the horizontal spacing between the letters.
Editing Padding and Margins for Mobile
Click on the Section or Widget handle then go to the Advanced tab.
Edit Padding and Margins for mobile.
Next up: Lightbox