{"id":82,"date":"2025-12-22T09:51:11","date_gmt":"2025-12-22T09:51:11","guid":{"rendered":"https:\/\/docs.mysterythemes.com\/purenote\/?p=82"},"modified":"2026-01-04T15:59:30","modified_gmt":"2026-01-04T15:59:30","slug":"customize-and-enable-more-functions-on-your-header-main-area-with-purenote","status":"publish","type":"post","link":"https:\/\/docs.mysterythemes.com\/purenote\/customize-and-enable-more-functions-on-your-header-main-area-with-purenote\/","title":{"rendered":"Customize and Enable more functions on your Header Main Area with Purenote"},"content":{"rendered":"\n<p>You can enable various options for your main header area. Including necessary functions like site mode switcher, search icons, header sticky, and custom buttons.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">To enable them,<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to your&nbsp;<strong>WordPress dashboard<\/strong>, then select the<strong>&nbsp;Appearance \u2192 Customize<\/strong><\/li>\n\n\n\n<li>Then click the&nbsp;<strong>Header Settings<\/strong>&nbsp;and go to the&nbsp;<strong>Main Area&nbsp;<\/strong>options.<\/li>\n\n\n\n<li>There you will find four unique toggling options from which you can enable the different functionalities in your site.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"507\" src=\"https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/Header-Main-Area-1024x507.jpg\" alt=\"\" class=\"wp-image-83\" srcset=\"https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/Header-Main-Area-1024x507.jpg 1024w, https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/Header-Main-Area-300x149.jpg 300w, https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/Header-Main-Area-768x380.jpg 768w, https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/Header-Main-Area.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Similarly<strong>,&nbsp;<\/strong>enable them, like the:&nbsp;\n<ul class=\"wp-block-list\">\n<li><strong>Site mode switcher<\/strong>: Enables features to change site into light or dark mode.<\/li>\n\n\n\n<li><strong>Search icons<\/strong>: Allows user to click on it to search for resources within the website.<\/li>\n\n\n\n<li><strong>Header sticky<\/strong>: Sticks the header to the top of the screen, even if the screen is being scrolled.<\/li>\n\n\n\n<li><strong>Menu Description<\/strong>: Describes the purpose of the elements in the Navigation menu.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<ul>\n<li>Choose <b>Search Method<\/b> from the given options in the drop-down menu<span class=\"mt-docs-pro-tag\"><\/span><\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Custom Button<\/strong> section allows you to add your own personalized button to the Main Header Area with its own label and link.<\/li>\n<\/ul>\n\n\n\n<ul><li>Select your <b>Desired button<\/b> from the given option<span class=\"mt-docs-pro-tag\"><\/span><\/li><\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"356\" height=\"372\" src=\"https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/image-15.png\" alt=\"\" class=\"wp-image-168\" srcset=\"https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/image-15.png 356w, https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/image-15-287x300.png 287w\" sizes=\"auto, (max-width: 356px) 100vw, 356px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Simply, add label to <strong>Upper text box<\/strong> and <strong>link to lower <\/strong>to enable your Custom Button on header.<\/li>\n<\/ul>\n\n\n\n<h2>Design your Header Main Area with Purenote Pro<span class=\"mt-docs-pro-tag\"><\/span><\/h2>\n\n\n\n<p>You can now fully <strong>design your Header Main Area<\/strong> with multiple layout options, background options and text colors.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"341\" height=\"767\" src=\"https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/image-16.png\" alt=\"\" class=\"wp-image-169\" srcset=\"https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/image-16.png 341w, https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/image-16-133x300.png 133w\" sizes=\"auto, (max-width: 341px) 100vw, 341px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Simply go to your <strong>Design <\/strong>tab, then select appropriate <strong>layout<\/strong> for your header main area.<\/li>\n\n\n\n<li>Then choose the <strong>type of Background<\/strong> you want; <strong>Color, Image or None<\/strong> and select or add the respective resources as per your choice<\/li>\n\n\n\n<li>Select the proper <strong>text color<\/strong> as per your design.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>At last check the live preview to showcase the recent change that you have done. After that, save it by clicking the<strong>&nbsp;Publish&nbsp;<\/strong>button.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>You can enable various options for your main header area. Including necessary functions like site mode switcher, search icons, header sticky, and custom buttons. To enable them, Choose Search Method from the given options in the drop-down menu Select your Desired button from the given option Design your Header Main Area with Purenote Pro You [&hellip;]<\/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-82","post","type-post","status-publish","format-standard","hentry","category-header-settings"],"_links":{"self":[{"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/posts\/82","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/comments?post=82"}],"version-history":[{"count":8,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/posts\/82\/revisions"}],"predecessor-version":[{"id":181,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/posts\/82\/revisions\/181"}],"wp:attachment":[{"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/media?parent=82"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/categories?post=82"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/tags?post=82"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}