Google Sites Mobile Rendering

posted Jun 23, 2011, 7:13 PM by Brian Johnson   [ updated Jun 23, 2011, 7:58 PM ]
Google Sites now supports automatic mobile rendering for iOS 3.0+ and Android 2.2+ devices.  In addition, mobile versions of the sites list, sites search and browse categories features is now available.

Google Sites Automatic Mobile Rendering Features

  • Header and top bar alignment
  • Set site width to match the device's screen width
  • "Smart handling" of sidebars, horizontal navigation and dropdown lists

     Mobile Preview - Show Sidebar

     Mobile Preview - Hide Sidebar

How to Enable Automatic Mobile Rendering for Google Sites

  1. Log into your site as a site Owner
  2. Navigate to More Actions > Manage Site > General
  3. Scroll down and place a check in the box next to Automatically adjust site for mobile phones
  4. Save changes and return to site

Google Sites Mobile Preview

Once automatic mobile rendering has been enabled for your site, it can be previewed from your browser as it will render on a mobile device.  To access the mobile preview:
  • Navigate to More Actions > Preview as Viewer
  • In the preview window, select Mobile from the yellow bar at the top of the page

Official Google AnnouncementAutomatic mobile rendering for Google Sites