{"id":69,"date":"2025-12-22T09:12:31","date_gmt":"2025-12-22T09:12:31","guid":{"rendered":"https:\/\/docs.mysterythemes.com\/purenote\/?p=69"},"modified":"2026-01-04T14:19:50","modified_gmt":"2026-01-04T14:19:50","slug":"customize-top-header-with-purenote","status":"publish","type":"post","link":"https:\/\/docs.mysterythemes.com\/purenote\/customize-top-header-with-purenote\/","title":{"rendered":"Customize Top Header with Purenote"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>Top Area Header<\/strong>&nbsp;is a header menu displayed at the top of your site. It is generally used to display&nbsp;<strong>date and&nbsp;<\/strong><strong>ti<\/strong><strong>me,<\/strong>&nbsp;<strong>social media icons,<\/strong>&nbsp;and other important navigation menus that aren\u2019t displayed in<strong>&nbsp;<\/strong>the&nbsp;<strong>Main Area Header.<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to your <strong>WordPress Dashboard<\/strong>, head to <strong>Appearance \u2192 Customize \u2192 Header Settings<\/strong><\/li>\n\n\n\n<li>Go to <strong>Top Header option<\/strong>, where you can see various toggle options and a drop-down menu.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"336\" height=\"381\" src=\"https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/image-10.png\" alt=\"\" class=\"wp-image-70\" srcset=\"https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/image-10.png 336w, https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/image-10-265x300.png 265w\" sizes=\"auto, (max-width: 336px) 100vw, 336px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Enable the Top Header<\/strong> to make it appear in the top area of your website.<\/li>\n\n\n\n<li>Toggle on the <strong>&#8216;Enable Date &#8211; Time&#8217;<\/strong> and a drop-down menu will be prompted where you can select the type of format you want for your date and time to appear in your website.<\/li>\n\n\n\n<li>And if you want <strong>Social Icons<\/strong> on your Top Header, Toggle on the &#8216;<strong>Enable Social Icon<\/strong>&#8216; option.<\/li>\n<\/ul>\n\n\n\n<ul>\n<li>Add <b>Text Color and Background Color<\/b> for your Top Header from the Style tab beside the General tab<span class=\"mt-docs-pro-tag\"><\/span><\/li>\n<li>Click on the <b>Publish<\/b> button to save your changes.<\/li><\/uL\n","protected":false},"excerpt":{"rendered":"<p>Top Area Header&nbsp;is a header menu displayed at the top of your site. It is generally used to display&nbsp;date and&nbsp;time,&nbsp;social media icons,&nbsp;and other important navigation menus that aren\u2019t displayed in&nbsp;the&nbsp;Main Area Header. Add Text Color and Background Color for your Top Header from the Style tab beside the General tab Click on the Publish button [&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-69","post","type-post","status-publish","format-standard","hentry","category-header-settings"],"_links":{"self":[{"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/posts\/69","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=69"}],"version-history":[{"count":7,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/posts\/69\/revisions"}],"predecessor-version":[{"id":166,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/posts\/69\/revisions\/166"}],"wp:attachment":[{"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/media?parent=69"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/categories?post=69"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/tags?post=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}