{"id":224,"date":"2024-02-15T08:00:34","date_gmt":"2024-02-15T08:00:34","guid":{"rendered":"https:\/\/docs.mysterythemes.com\/storeflex\/?p=224"},"modified":"2024-02-15T08:01:10","modified_gmt":"2024-02-15T08:01:10","slug":"customize-the-main-header-area","status":"publish","type":"post","link":"https:\/\/docs.mysterythemes.com\/storeflex\/customize-the-main-header-area\/","title":{"rendered":"Customize the main header area of your store."},"content":{"rendered":"\n<p>With StoreFlex Pro, you now have more flexibility in your customizations over your main header area. You now have layout options and different design options in StoreFlex Pro.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to your <strong>WordPress dashboard <\/strong>and head to <strong>Appearance > Customize<\/strong><\/li>\n\n\n\n<li>Then navigate to <strong>Header Settings<\/strong> and to <strong>Main Area<\/strong> in the customizer.<\/li>\n\n\n\n<li><strong>Enable <\/strong>or <strong>disable <\/strong>the toggling options as per your needs. <\/li>\n\n\n\n<li>Choose the appropriate layout for your header area from the given options.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"511\" src=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Header-Layout-1024x511.jpg\" alt=\"Header Layout\" class=\"wp-image-225\" style=\"width:831px;height:auto\" srcset=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Header-Layout-1024x511.jpg 1024w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Header-Layout-300x150.jpg 300w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Header-Layout-768x383.jpg 768w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Header-Layout.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>After you&#8217;ve selected your appropriate layouts, go to Design tab to design your header area<\/li>\n\n\n\n<li>Click on the drop-down menu that appears in the design tab and choose one of the options. <\/li>\n\n\n\n<li>Choosing Image will give you the option to add an image to your main header area, whereas choosing Color will let you add colors to the header section.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"522\" src=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/main-header-layout-Color-Option-1024x522.jpg\" alt=\"main header layout Color Option\" class=\"wp-image-226\" srcset=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/main-header-layout-Color-Option-1024x522.jpg 1024w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/main-header-layout-Color-Option-300x153.jpg 300w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/main-header-layout-Color-Option-768x392.jpg 768w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/main-header-layout-Color-Option.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Choose the appropriate design (image or color) based on your choice, and click on the <strong>Publish <\/strong>button to save your changes.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>With StoreFlex Pro, you now have more flexibility in your customizations over your main header area. You now have layout options and different design options in StoreFlex Pro.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[],"class_list":["post-224","post","type-post","status-publish","format-standard","hentry","category-pro-modules"],"_links":{"self":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts\/224","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=224"}],"version-history":[{"count":1,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts\/224\/revisions"}],"predecessor-version":[{"id":227,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts\/224\/revisions\/227"}],"wp:attachment":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/media?parent=224"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/categories?post=224"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/tags?post=224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}