Preview How Pages Appear on Mobile Devices

With live mode, site administrators, designers, and contributors can preview how pages and templates appear on devices such as mobile phones and tablets.

Required Editions

Available in: Salesforce Classic

Available for purchase in: Enterprise, Performance, and Unlimited Editions

Available (with limitations) in: Developer Edition

User Permissions Needed
To build, edit, and manage Site.com sites:

Site.com Publisher User field enabled on the user detail page

AND

Site administrator or designer role assigned at the site level

Site.com contributors are automatically placed in live mode for all content editing. They can edit the content blocks they've been given access to by the site administrators.

Site administrators and designers can switch between live and design modes by clicking Live or Design on the Site.com Studio toolbar. Design mode is the default view for site administrators and designers.

  • To preview how the page looks:
    • On mobile phones, click Phone.
    • On tablets, click Tablet.
    • On computer screens, click Screen.
    • At 100% width and height, click Fluid.
  • To manually adjust the width of the screen, move the slider Live Mode Slider.
  • To resize the width and height of the screen, drag the resizing handles at the edge of the frame to the required size.
  • To store frequently used custom screen sizes, click Custom Presets and enter the custom measurements.
  • To rotate the screen orientation from portrait to landscape, click Rotate.