---
schema_version: "1"
id: 69bbcb417b3a37867029cb2646881d81251f3650fa4eab0716c30f76d522ba96
title: Preview How Pages Appear on Mobile Devices
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/platform/264-0-0/siteforce_contentblock_livemode.md
canonical_url: https://help.salesforce.com/s/articleView?id=platform.siteforce_contentblock_livemode.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: ee53aee1945370b28e11fbfb5989699f8d71450758fe21c6e8a7b22ec4c93fad
description: With live mode, site administrators, designers, and contributors can preview how pages and templates appear on devices such as mobile phones and tablets.
products:
  - Salesforce Platform
  - Security
release: "264"
---
# 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

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition">
        <colgroup>
          <col>
        </colgroup>
        <tbody>
          <tr class="">
            <td class="slds-cell-wrap" style="vertical-align:top;">Available in: Salesforce Classic</td>

          </tr>
          <tr class="">
            <td class="slds-cell-wrap" style="vertical-align:top;">
              <p>Available for purchase in: <strong>Enterprise</strong>, <strong>Performance</strong>,
                and <strong>Unlimited</strong> Editions</p>
              <p style="margin-bottom:0;">Available (with limitations) in:
                <strong>Developer</strong> Edition
              </p>
            </td>

          </tr>
        </tbody>
      </table> <table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small permission">
        <colgroup>
          <col style="width:50%">
          <col style="width:50%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="colgroup" class="slds-cell-wrap" colspan="2" style="text-align:center;vertical-align:top;" id="d158311e74">User
              Permissions Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d158311e74 ">To build, edit, and manage Site.com sites:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d158311e74 ">
              <p><samp class="parmname">Site.com Publisher User</samp> field enabled on the
                user detail page</p>
              <p>AND</p>
              <p style="margin-bottom:0;">Site administrator or designer role
                assigned at the site level</p>
            </td>

          </tr>
        </tbody>
      </table>

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](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/extend_click/images/siteforce_icon_live_phone.png).
    - On tablets, click ![Tablet](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/extend_click/images/siteforce_icon_live_tablet.png).
    - On computer screens, click ![Screen](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/extend_click/images/siteforce_icon_live_screen.png).
    - At 100% width and height, click ![Fluid](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/extend_click/images/siteforce_icon_live_fluid.png).
- To manually adjust the width of the screen, move the slider ![Live Mode Slider](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/extend_click/images/siteforce_icon_live_slider.png).
- 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](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/extend_click/images/siteforce_icon_live_preset.png) and enter the custom measurements.
- To rotate the screen orientation from portrait to landscape, click ![Rotate](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/extend_click/images/siteforce_icon_live_rotate.png).

#### See Also

- [Edit Content Blocks as a Contributor](https://help.salesforce.com/s/articleView?id=platform.siteforce_contentblock_livemode_edit.htm&release=264.0.0&type=5 "Content blocks contain the text of your website pages, and can also house images and hyperlinks. As a contributor, you can edit the text in editable content blocks using an inline editor. Because you're editing the text inline, you always know exactly how the finished page looks when it's live.")
- [The Contributor's Page Editing View](https://help.salesforce.com/s/articleView?id=platform.siteforce_editor_page_edit.htm&release=264.0.0&type=5 "Use the Overview tab to import assets, preview the page, and update the appearance of the page.")
- [Edit Site.com Pages as a Designer or Site Administrator](https://help.salesforce.com/s/articleView?id=platform.siteforce_page_edit.htm&release=264.0.0&type=5 "When working with page templates and site pages, you can add content, structure, and style, all in one place.")