Opening the device editor

  1. In edit mode, click on the tablet or mobile device icons (shown above) to toggle to a device view.
  2. Click on any element to select it.
  3. The device editing options will appear within the right sidebar, under the Element tab. 
  4. From this view, you can change various aspects of your site on the device you have selected (either tablet or mobile). 

Hiding elements on tablet/mobile

  1. With an element selected in the device editor, from the right sidebar click Hide under the Display on Tablet/Mobile heading.
  2. The element will be shaded out in edit mode, and will no longer display when people view your site on that specific device.

Changing element position on tablet/mobile

  1. With an element selected in the device editor, from the right sidebar click the Position tab to expand it.
  2. The position options will display. Here you can change the width,  alignment of the element on your selected device (Left, Centre, Right) and the spacing either side of the element (in pixels). With certain elements selected, including images and rows, you can also change the element width here.

Changing text styles on tablet/mobile

  1. With an element selected in the device editor, from the right sidebar click the Text tab to expand it. NB: This will only display for elements containing text.
  2. Change the text size, letter spacing, and line spacing for the chosen element on your selected device. With certain elements selected, including buttons and forms, you can only change the text size here.

Did this answer your question?