{"id":11,"date":"2024-02-07T05:18:24","date_gmt":"2024-02-07T05:18:24","guid":{"rendered":"https:\/\/docs.mysterythemes.com\/storeflex\/?p=11"},"modified":"2024-03-19T05:46:27","modified_gmt":"2024-03-19T05:46:27","slug":"sites-layout-and-site-mode-switching","status":"publish","type":"post","link":"https:\/\/docs.mysterythemes.com\/storeflex\/sites-layout-and-site-mode-switching\/","title":{"rendered":"Configure your site\u2019s layout and site mode switching"},"content":{"rendered":"\n<p>In <strong>StoreFlex<\/strong>, you can change your site\u2019s layout with different options. You can choose either full-width or boxed site layout options. You can also enable or disable the site mode button on your site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Check out the video tutorial for this section<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"StoreFlex: Complete Customization Tutorial Video\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/JaOcPz3Ma9Y?start=41&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">To do so,<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Login to your WordPress dashboard, then navigate yourself to <strong>Appearance &gt; Customize <\/strong>on the left side panel of your dashboard.<\/li>\n\n\n\n<li>Then take yourself to <strong>General Settings &gt; Site Layout<\/strong> to take yourself to the site layout configurations.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"554\" src=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/StoreFlex_-General-Settings_-Site-Layout-1024x554.jpg\" alt=\"StoreFlex_ General Settings_ Site Layout\" class=\"wp-image-87\" srcset=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/StoreFlex_-General-Settings_-Site-Layout-1024x554.jpg 1024w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/StoreFlex_-General-Settings_-Site-Layout-300x162.jpg 300w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/StoreFlex_-General-Settings_-Site-Layout-768x416.jpg 768w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/StoreFlex_-General-Settings_-Site-Layout.jpg 1105w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>After you are shown the layout options, choose the most applicable design for you.&nbsp;<\/li>\n\n\n\n<li>Then, toggle on or off the <strong>Enable Site Mode Switcher<\/strong> to enable or disable your site mode\u2019s switching button <em>(Dark Mode or Light Mode)<\/em>.<\/li>\n\n\n\n<li>Save your changes by clicking on the <strong>Publish <\/strong>button.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>In StoreFlex, you can change your site\u2019s layout with different options. You can choose either full-width or boxed site layout options. You can also enable or disable the site mode button on your site. Check out the video tutorial for this section To do so,<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-11","post","type-post","status-publish","format-standard","hentry","category-general-settings"],"_links":{"self":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":3,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts\/11\/revisions"}],"predecessor-version":[{"id":249,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts\/11\/revisions\/249"}],"wp:attachment":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/media?parent=11"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/categories?post=11"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/tags?post=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}