---
title: "Using the Desktop, Tablet, and Phone Views in the Editor"
description: "BoldGrid provides a convenient way to see how the website would be seen in a Tablet or Phone. The option to view with these modes are found in previewing Inspirations or within Editing a Page or..."
url: https://www.inmotionhosting.com/support/edu/wordpress/boldgrid/desktop-tablet-phone-view/
date: 2015-10-13
modified: 2021-03-09
author: "InMotion Hosting Contributor"
categories: ["BoldGrid"]
type: post
lang: en
---

# Using the Desktop, Tablet, and Phone Views in the Editor

[BoldGrid](https://www.boldgrid.com/website-templates-themes) provides a convenient way to see how the website would be seen in a Tablet or Phone. The option to view with these modes are found in previewing Inspirations or within Editing a Page or Post. Each template or theme is designed with the different device views in mind. The following tutorial shows you how to use them within the editor for a Page or Post.

## How to use the Desktop, Tablet, and Phone Views in the Editor

1. [Log into your website admin interface](https://www.webhostinghub.com/help/learn/boldgrid/getting-started-boldgrid/how-to-login-to-boldgrid).
2. Click on either **Pages** or **Blog Posts**
3. [![Editor tools for changing view](https://webhostinghub.com/help/images/stories/using-phone-tablet-view/editor-tools.jpg)](https://webhostinghub.com/help/images/stories/using-phone-tablet-view/editor-tools.jpg) When you edit or add a new page/post you will see the option to view the content with the Tablet or Phone. By default, the view is set to a desktop view. Click in the tool bar to change the view. Below is an example of the different views: Desktop View [![Desktop View](https://webhostinghub.com/help/images/stories/using-phone-tablet-view/desktop-view.jpg)](https://webhostinghub.com/help/images/stories/using-phone-tablet-view/desktop-view.jpg) Tablet View [![Tablet View](https://webhostinghub.com/help/images/stories/using-phone-tablet-view/tablet-view.jpg)](https://webhostinghub.com/help/images/stories/using-phone-tablet-view/tablet-view.jpg) Phone View [![Phone View](https://webhostinghub.com/help/images/stories/using-phone-tablet-view/phone-view.jpg)](https://webhostinghub.com/help/images/stories/using-phone-tablet-view/phone-view.jpg)

Congratulations, now you know how to use the Desktop, Tablet, and Phone Views in the BoldGrid Editor for WordPress!