<\/iframe><\/p>\n<\/div>\n<p>The <a href=\"https:\/\/www.boldgrid.com\/wordpress-page-builder-by-boldgrid\/\">Post and Page Builder<\/a> provides a convenient way to see how your WordPress website would be seen on a Tablet or Phone. By default, the view is set to Desktop. The option to view with these modes are found while <a href=\"https:\/\/www.boldgrid.com\/support\/page-builder\/using-page-builder\/\">Editing a Page<\/a> or Post. The following tutorial shows you how to use them within the editor for a Page or Post. This will allow you to see what your site will look like on different devices.<\/p>\n<p><strong>Please note<\/strong> that the WordPress editor device previews are an average representation of each screen-size, and it will vary by device.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"boldgrid-section\">\n<div class=\"container\">\n<div class=\"row\">\n<div class=\"col-md-12 col-xs-12 col-sm-12\">\n<p><\/p>\n<h2 id=\"how-to-use-the-desktop-tablet-and-phone-views-in-the-editor\">How to use the Desktop, Tablet, and Phone Views in the Editor<\/h2>\n<ol>\n<li>In the Dashboard, navigate to <b>Pages <\/b>or <b>Posts → Show All<\/b><\/li>\n<li><b>Edit <\/b>a <b>post <\/b>or <b>page<\/b><\/li>\n<li>In the Editor, above the DropTab, are <b>three device icons<\/b> (by default, the view is set to a desktop)<\/li>\n<li><b>Click an icon<\/b> to change the size of the Editor<\/li>\n<li>In each view you can drag the <b>column handles<\/b> to change the column size for that device size only<\/li>\n<li>Click <b>Publish <\/b>to save your changes<\/li>\n<\/ol>\n<p>Congratulations, now you know how to use the Desktop, Tablet, and Phone Views in the BoldGrid Editor for WordPress! Remember that while designing your site for various devices, make sure to test your site live in the device your visitors may use most often.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>The Post and Page Builder provides a convenient way to see how your WordPress website would be seen on a Tablet or Phone. By default, the view is set to Desktop. The option to view with these modes are found while Editing a Page or Post. The following tutorial shows you how to use them […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"bgseo_title":"Using Desktop, Tablet, and Phone Views | BoldGrid","bgseo_description":"Using Desktop, Tablet, and Phone Views in the BoldGrid editor lets you see how your site will look on a variety of devices. BoldGrid for WordPress.","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[148],"tags":[83,79],"class_list":["post-893","post","type-post","status-publish","format-standard","hentry","category-page-builder","tag-editor","tag-views"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/893","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/comments?post=893"}],"version-history":[{"count":39,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/893\/revisions"}],"predecessor-version":[{"id":120936,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/893\/revisions\/120936"}],"wp:attachment":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media?parent=893"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/categories?post=893"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/tags?post=893"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}