{"id":64,"date":"2023-04-27T10:15:22","date_gmt":"2023-04-27T10:15:22","guid":{"rendered":"https:\/\/docs.mysterythemes.com\/ogma\/?p=64"},"modified":"2024-01-08T05:57:57","modified_gmt":"2024-01-08T05:57:57","slug":"how-to-configure-main-area-header-in-your-site","status":"publish","type":"post","link":"https:\/\/docs.mysterythemes.com\/ogma\/how-to-configure-main-area-header-in-your-site\/","title":{"rendered":"How to Configure Main Area Header in your Site?"},"content":{"rendered":"\n<p><strong>The Main Area Header<\/strong> is a header section in the <strong>OGMA<\/strong> theme where you can place vital navigational menus along with a<strong> Site Mode Switcher<\/strong>, <strong>Search Icon<\/strong>, <strong>Sticky Sidebar Enabler, <\/strong>and a <strong>Custom Button.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"379\" src=\"https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/04\/image-8-1024x379.png\" alt=\"\" class=\"wp-image-66\" srcset=\"https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/04\/image-8-1024x379.png 1024w, https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/04\/image-8-300x111.png 300w, https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/04\/image-8-768x284.png 768w, https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/04\/image-8.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Video Guide<\/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=\"OGMA BLOG: Complete Website Customization Tutorial\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/FpRpOJDk-2E?start=713&#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><figcaption class=\"wp-element-caption\"><em>Starts from the relative time<\/em><\/figcaption><\/figure>\n\n\n\n<p>In order to access <strong>Main Area Header<\/strong> settings,\u00a0<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open your <strong>WordPress<\/strong> dashboard and navigate to<strong> Appearance > Customizer.<\/strong><\/li>\n\n\n\n<li>Navigate to <strong>Header Settings &gt;&gt; Main Area Header&nbsp;<\/strong><\/li>\n\n\n\n<li>Under <strong>General <\/strong>Tab, there are 4 toggle options&nbsp;<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Enable Header Sticky: <\/strong>Toggling on this option will lock the Main Area Header at the top of the page even when you scroll the page to some depth.<\/li>\n\n\n\n<li><strong>Enable Site Mode Switcher: <\/strong>Toggling on this option will enable a Mode Switcher toggle icon in the <strong>Main Area Header, <\/strong>enabling users<strong> <\/strong>to switch modes on the site.<\/li>\n\n\n\n<li><strong>Enable Search Icon: <\/strong>Toggling on this option will enable a search icon in the Main Area Header.<\/li>\n\n\n\n<li><strong>Enable Sticky Sidebar Toggle: <\/strong>You can toggle on this option if you want to display the <strong>Sticky Sidebar<\/strong> <strong>Enabler, <\/strong>which is a <img loading=\"lazy\" decoding=\"async\" width=\"21\" height=\"26\" class=\"wp-image-79\" style=\"width: 21px;\" src=\"https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/04\/hamburger.png\" alt=\"\">hamburger icon. Users can click on this hamburger icon to view the <strong>sticky sidebar.<\/strong><\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"260\" src=\"https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/04\/image.gif\" alt=\"\" class=\"wp-image-67\"\/><\/figure>\n<\/div>\n\n\n<p>Note: If you have enabled the <strong>sticky sidebar<\/strong>, you must click on the <strong>Manage Sidebar from Here<\/strong> button and you will be redirected to the <strong>Sidebar Widget<\/strong> option where you can add or remove any widgets as per your preference.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Under the <strong>General Tab<\/strong>, there\u2019s also a<strong> CUSTOM BUTTON <\/strong>section, where you can make necessary amendments for a custom button by adding <strong>a custom button label<\/strong> and <strong>a custom button link.<\/strong><\/li>\n\n\n\n<li>Under the <strong>Design Tab,<\/strong> there\u2019s a <strong>Sticky Header<\/strong> toggle to enable or disable<strong> Sticky Header<\/strong>. You can also select the layout for your<strong> main area header.<\/strong><\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"343\" height=\"485\" src=\"https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/04\/image-7.png\" alt=\"\" class=\"wp-image-65\" srcset=\"https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/04\/image-7.png 343w, https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/04\/image-7-212x300.png 212w\" sizes=\"auto, (max-width: 343px) 100vw, 343px\" \/><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>The Main Area Header is a header section in the OGMA theme where you can place vital navigational menus along with a Site Mode Switcher, Search Icon, Sticky Sidebar Enabler, and a Custom Button. Video Guide In order to access Main Area Header settings,\u00a0 Note: If you have enabled the sticky sidebar, you must click [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-64","post","type-post","status-publish","format-standard","hentry","category-header-settings"],"_links":{"self":[{"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/posts\/64","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/comments?post=64"}],"version-history":[{"count":5,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/posts\/64\/revisions"}],"predecessor-version":[{"id":315,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/posts\/64\/revisions\/315"}],"wp:attachment":[{"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/media?parent=64"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/categories?post=64"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/tags?post=64"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}