{"id":128,"date":"2023-09-26T11:01:22","date_gmt":"2023-09-26T11:01:22","guid":{"rendered":"https:\/\/docs.codevibrant.com\/azure\/?p=128"},"modified":"2024-01-09T09:45:42","modified_gmt":"2024-01-09T09:45:42","slug":"how-to-configure-top-area-in-your-site","status":"publish","type":"post","link":"https:\/\/docs.codevibrant.com\/azure\/how-to-configure-top-area-in-your-site\/","title":{"rendered":"How to Configure Top Area in your site?"},"content":{"rendered":"\n<p>One of the important parts of any site, Top Area consists of vital navigational menus along with<strong> Time and Date Section, Social Icons and Top Menu<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"950\" height=\"527\" src=\"http:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Top-Area.jpg\" alt=\"Top Area\" class=\"wp-image-129\" srcset=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Top-Area.jpg 950w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Top-Area-300x166.jpg 300w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Top-Area-768x426.jpg 768w\" sizes=\"auto, (max-width: 950px) 100vw, 950px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Video Guide<\/h2>\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=\"Azure Complete Walkthrough\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/-BAtD90lTGg?start=813&#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<h2 class=\"wp-block-heading\">To access the Top Area settings,<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open you WordPress dashboard, navigate to <strong>Appearance&gt;&gt;Customizer<\/strong><\/li>\n\n\n\n<li>Navigate to <strong>Header Settings&gt;&gt; Top Area<\/strong><\/li>\n\n\n\n<li>Under the General tab, you\u2019ll find toggle options to enable or disable <strong>Top Area, Date &amp; Time, Top Menus and Social Icons.<\/strong><\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"247\" height=\"415\" src=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/image-18.png\" alt=\"Top Area Customizer\" class=\"wp-image-130\" srcset=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/image-18.png 247w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/image-18-179x300.png 179w\" sizes=\"auto, (max-width: 247px) 100vw, 247px\" \/><\/figure><\/div>\n\n\n<p>First Toggle on the <strong>Top Area, <\/strong>in order for you to use the customizer.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Now, everything is based upon your preference. Whether you like to enable or disable <strong>Date- Time <\/strong>in your website.<\/li>\n\n\n\n<li>&nbsp;You can also select you preferred Date Format from the drop down list. There are two different options present in the free version of the Azure Theme.<\/li>\n\n\n\n<li>You can also toggle on or off <strong>Top Menu<\/strong> to display your navigational menu bar on top of your screen.<\/li>\n\n\n\n<li>You can also display Social Media Icons in the Top Area, by toggling on or off the <strong>Enable Social Icons <\/strong>options.<\/li>\n<\/ul>\n\n\n\n<p><strong>Manage Social Icons <\/strong>will redirect you to <strong>General Settings&gt;&gt;Social Icons <\/strong>where you can add up to 4 social media icons in your site.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>One of the important parts of any site, Top Area consists of vital navigational menus along with Time and Date Section, Social Icons and Top Menu Video Guide To access the Top Area settings, First Toggle on the Top Area, in order for you to use the customizer. Manage Social Icons will redirect you to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-128","post","type-post","status-publish","format-standard","hentry","category-header-settings"],"_links":{"self":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts\/128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/comments?post=128"}],"version-history":[{"count":2,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts\/128\/revisions"}],"predecessor-version":[{"id":396,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts\/128\/revisions\/396"}],"wp:attachment":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/media?parent=128"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/categories?post=128"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/tags?post=128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}