{"id":15652,"date":"2018-09-19T09:24:02","date_gmt":"2018-09-19T13:24:02","guid":{"rendered":"https:\/\/www.boldgrid.com\/support\/?p=15652"},"modified":"2020-03-12T14:39:22","modified_gmt":"2020-03-12T18:39:22","slug":"working-with-advanced-customizer-device-controls","status":"publish","type":"post","link":"https:\/\/www.boldgrid.com\/support\/boldgrid-crio-supertheme-product-guide\/working-with-advanced-customizer-device-controls\/","title":{"rendered":"Working with Advanced Customizer Device Controls"},"content":{"rendered":"<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<?xml encoding=\"utf-8\" ?><html><body><p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-crio-horizontal-image.png\" alt=\"\" width=\"800\" height=\"72\" class=\"alignnone size-full wp-image-15512\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-crio-horizontal-image.png 800w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-crio-horizontal-image-300x27.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-crio-horizontal-image-768x69.png 768w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-crio-horizontal-image-250x23.png 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-crio-horizontal-image-550x50.png 550w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><br>\n&nbsp;<br>\nBoldGrid Crio includes advanced device controls to keep your site looking beautiful on all screen sizes.  These controls are in a few locations in the Customizer such as <b>Menu Designs <\/b>and <b>Advanced<\/b> <b>Header\/Footer<\/b>. Above the controls for Margin, Padding, Border, Box Shadow, and Border Radius are 5 device icons.  From left to right they are:<\/p>\n<ul>\n<li>All Devices<\/li>\n<li>Large<\/li>\n<li>Desktop<\/li>\n<li>Tablet<\/li>\n<li>Phone<\/li>\n<\/ul>\n<p>By default all devices will use the same settings. Follow the steps below to use different settings on a specific device.<\/p>\n<ul>\n<li>Click a device<b> icon<\/b><\/li>\n<li>A popup appears with a link icon between the All Device and selected device icon<\/li>\n<li>Click the <b>link icon<\/b> in the popup<\/li>\n<li>The popup turns gray and the link icon changes to appear broken<\/li>\n<li>The controls will reset, removing the settings from All Devices<\/li>\n<li>Update the values<\/li>\n<li>Repeat as necessary with other devices<\/li>\n<\/ul>\n<p>To undo any device specific settings click the <b>link icon<\/b> in the gray popup.  This will make the popup turn back to black and the settings will change to match what is set in All Devices.<\/p>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; BoldGrid Crio includes advanced device controls to keep your site looking beautiful on all screen sizes. These controls are in a few locations in the Customizer such as Menu Designs and Advanced Header\/Footer. Above the controls for Margin, Padding, Border, Box Shadow, and Border Radius are 5 device icons. From left to right they [&hellip;]<\/p>\n","protected":false},"author":529,"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":"Working with Advanced Customizer Device Controls | BoldGrid Crio","bgseo_description":"BoldGrid Crio includes advanced Customizer device controls to keep your site looking beautiful on all screen sizes.  Above the controls for Margin, Padding, Border, Box Shadow, and Border Radius are device icons to use as needed.","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[573],"tags":[],"class_list":["post-15652","post","type-post","status-publish","format-standard","hentry","category-boldgrid-crio-supertheme-product-guide"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/15652","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\/529"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/comments?post=15652"}],"version-history":[{"count":2,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/15652\/revisions"}],"predecessor-version":[{"id":18045,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/15652\/revisions\/18045"}],"wp:attachment":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media?parent=15652"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/categories?post=15652"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/tags?post=15652"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}