{"id":277,"date":"2017-12-07T15:34:33","date_gmt":"2017-12-07T15:34:33","guid":{"rendered":"http:\/\/documentation.px-lab.com\/boombox\/?p=277"},"modified":"2020-09-16T14:48:04","modified_gmt":"2020-09-16T14:48:04","slug":"mobile","status":"publish","type":"post","link":"https:\/\/documentation.px-lab.com\/boombox\/mobile\/","title":{"rendered":"Mobile"},"content":{"rendered":"<p>To control Mobile settings go to <em><span class=\"customize-action\">Customizing \u25b8 Mobile<\/span><\/em>. You can Control <strong>Global<\/strong> options and <strong>Header<\/strong> Options.<\/p>\n<h4 class=\"docs-title2\">Global<\/h4>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-1384 img-frame\" src=\"https:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2017\/12\/Mobile-47-min.png\" alt=\"\" width=\"330\" height=\"402\" srcset=\"https:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2017\/12\/Mobile-47-min.png 330w, https:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2017\/12\/Mobile-47-min-246x300.png 246w\" sizes=\"(max-width: 330px) 100vw, 330px\" \/><\/p>\n<dl class=\"dl-horizontal dl-horizontal-sm\"><br \/>\n<dt>Strip<\/dt><dd>On\/Off<br \/>\n<\/dd><br \/>\n<dt>Footer Strip<\/dt><dd>On\/Off<br \/>\n<\/dd><br \/>\n<dt>Featured Area<\/dt><dd>On\/Of<br \/>\n<\/dd><br \/>\n<dt>Sidebar<\/dt><dd>On\/Of<br \/>\n<\/dd><br \/>\n<\/dl>\n<p class=\"note-box bg-danger\">Please note: that when page cache enabled you may have the same layout settings selected for Home Page.<\/p>\n<h4 class=\"docs-title2\">Header<\/h4>\n<p>In header section you can control <strong>Composition<\/strong> of Mobile Header, add or remove <strong>Components, <\/strong>make mobile header <strong>Sticky<\/strong>, upload <strong>Mobile Logo, <\/strong>and set <strong>Background color<\/strong> and <strong>Text Color<\/strong> for Mobile Header.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-1383 img-frame\" src=\"https:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2017\/12\/Mobile-48-min-1.png\" alt=\"\" width=\"318\" height=\"768\" srcset=\"https:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2017\/12\/Mobile-48-min-1.png 318w, https:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2017\/12\/Mobile-48-min-1-124x300.png 124w\" sizes=\"(max-width: 318px) 100vw, 318px\" \/><\/p>\n<dl class=\"dl-horizontal dl-horizontal-sm\"><br \/>\n<dt>Composition<\/dt><dd>Here users can select Mobile header styles, you can set components on Left and Right sides.<br \/>\n<\/dd><br \/>\n<dt>Components<\/dt><dd>You can drag from <strong>Unused Components<\/strong> and drop in <strong>L<\/strong> or <strong>R Components.<\/strong><br \/>\n<\/dd><br \/>\n<dt>Sticky<\/dt><dd>Mobile header can be <strong>Classic<\/strong>, <strong>Smart<\/strong> and <strong>None<\/strong> when disabled.<br \/>\n<\/dd><br \/>\n<\/dl>\n<p><a href=\"https:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2017\/12\/mobile_include_headers_in_dark_light_mode.png\"><img loading=\"lazy\" class=\"img-frame alignnone wp-image-2624 size-full\" src=\"https:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2017\/12\/mobile_include_headers_in_dark_light_mode.png\" alt=\"\" width=\"326\" height=\"785\" srcset=\"https:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2017\/12\/mobile_include_headers_in_dark_light_mode.png 326w, https:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2017\/12\/mobile_include_headers_in_dark_light_mode-125x300.png 125w\" sizes=\"(max-width: 326px) 100vw, 326px\" \/><\/a><\/p>\n<dl class=\"dl-horizontal\"><br \/>\n<dt>Mobile Logo<\/dt><dd>Upload Mobile logo in JPEG or PNG formats<br \/>\n<\/dd><br \/>\n<dt>Mobile Logo HD<\/dt><dd>Upload logo here for Mobile Retina displays<br \/>\n<\/dd><br \/>\n<dt>Background Color<\/dt><dd>Select with color picker<br \/>\n<\/dd><br \/>\n<dt>Text Color<\/dt><dd>Select with color picker<br \/>\n<\/dd><br \/>\n<dt>Browser Address Bar Color<\/dt><dd>Select with color picker<br \/>\n<\/dd><\/p>\n<p><dt>Include Mobile Header in dark\/light mode<\/dt><dd>Select On or Off<br \/>\n<\/dd><br \/>\n<\/dl>\n","protected":false},"excerpt":{"rendered":"<p>To control Mobile settings go to Customizing \u25b8 Mobile. You can Control Global options and Header Options. Global Header In header section you can control Composition of Mobile Header, add or remove Components, make mobile header Sticky, upload Mobile Logo, and set Background color and Text Color for Mobile Header.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[85,86,247],"tags":[249,107,248,250,112],"_links":{"self":[{"href":"https:\/\/documentation.px-lab.com\/boombox\/wp-json\/wp\/v2\/posts\/277"}],"collection":[{"href":"https:\/\/documentation.px-lab.com\/boombox\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.px-lab.com\/boombox\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.px-lab.com\/boombox\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.px-lab.com\/boombox\/wp-json\/wp\/v2\/comments?post=277"}],"version-history":[{"count":15,"href":"https:\/\/documentation.px-lab.com\/boombox\/wp-json\/wp\/v2\/posts\/277\/revisions"}],"predecessor-version":[{"id":2628,"href":"https:\/\/documentation.px-lab.com\/boombox\/wp-json\/wp\/v2\/posts\/277\/revisions\/2628"}],"wp:attachment":[{"href":"https:\/\/documentation.px-lab.com\/boombox\/wp-json\/wp\/v2\/media?parent=277"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.px-lab.com\/boombox\/wp-json\/wp\/v2\/categories?post=277"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.px-lab.com\/boombox\/wp-json\/wp\/v2\/tags?post=277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}