05th November, 2014 by Samuel Watts

How to preview your site in different device views.

There are two ways this can be achieved.

Option A

1. Click on the little arrow at the top of the screen.

Display Preview

2. This will open a menu giving you a selection of devices to choose from (inclusing tablets and mobile devices).

Preview Menu

3. For this exmplae we will be choosing the Google Nexus 7 from the Tablet menu.

Google Nexus 7

4. Click on the Google Nexus 7 option and this should lead you to a new tab with the desired preview.

Google View

Option B

1. Click on the little computer icon at the top of the screen.

Little Arrow

2. This will open a pop-out menu which displays the other devices you can preview.

Device Pop-out

3. Click on the Phone icon.

Phone Top

4. The website will now change to the size of the device you've chosen.

Preview Change

About author

Samuel Watts

Sam is our resident video games expert. as well as being a dab hand (Or should that be knee) at muay thai. He is the man on the end of the phone dealing with your support requests.

Comment
We are always here to help you. Don’t hesitate to contact us anytime!

01202 555124 or hello@envisagecms.co.uk