With Device View, you can preview how your site appears on mobile devices. This is a great way to test your site's responsive design as you edit and make style changes on the fly.
Watch a video
This video applies to version 7.0.
How you change views on a computer depends on your site's version.
Move your mouse above the site preview frame and click the arrow to show the device icons. Click an icon to preview your site's appearance on the corresponding device.
Click the device icon in the top-right corner of the site preview frame.
While editing a page, the device icon in the top-right corner shows you which device you're currently previewing. Tap the icon to switch between phone and computer views. There's also a tablet view icon on iPads.
How it works
Visitors don't see Device View. Device View is a tool for you to use when you're logged in and managing your site.
Device View gives you a general idea of how your site appears on a typical mobile browser. It's not 100% accurate for every phone or tablet.
While Device View represents the typical mobile experience, some discrepancies are unavoidable. Window sizes vary between devices, and some templates' features will look or behave differently on an actual mobile device than they do in Device View. For more information, visit your template's guide.
To leave your site in desktop view as you edit, select the desktop view.