Optimizing your website for mobile devices

Use the mobile editor to adjust how your pages look on smaller screens.

  1. Open the site editor and click the Mobile Editor icon in the upper-right corner.
  2. Select, move, or resize elements to fit the mobile layout. Switch to desktop view to add new elements or use controls unavailable in the mobile editor.

Hiding and restoring elements

  1. Select an element and click Hide.
  2. To restore it, open Hidden and click the visibility icon beside it, or drag it back onto the page.

Reordering the mobile layout

Reorder Layout rearranges the header, body, and footer and can restore hidden elements. To reorder one section, select it just left of the page margin and use its Reorder control.


Note: Reordering can change a layout you’ve already adjusted.


Changing the background and showing the mobile view

Open Settings → Styles to set a mobile background color or image. In Settings, use Display Mobile View to turn the mobile view on or off.


Using the mobile navigation menu

Tap the three-line menu icon on the mobile site to open the navigation links.