{"id":58,"date":"2023-04-27T10:03:01","date_gmt":"2023-04-27T10:03:01","guid":{"rendered":"https:\/\/docs.mysterythemes.com\/ogma\/?p=58"},"modified":"2024-01-08T05:44:17","modified_gmt":"2024-01-08T05:44:17","slug":"how-to-configure-top-area-header-settings","status":"publish","type":"post","link":"https:\/\/docs.mysterythemes.com\/ogma\/how-to-configure-top-area-header-settings\/","title":{"rendered":"How to Configure Top Area Header Settings?"},"content":{"rendered":"\n<p><strong>Top Area Header<\/strong> is a header menu displayed at the top of your site. It is generally used to display <strong>date and <\/strong><b>ti<\/b><strong>me,<\/strong> <strong>social media icons,<\/strong> and other important navigation menus that aren\u2019t displayed in<strong> <\/strong>the <strong>Main Area Header.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Video Guidance<\/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=509&#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 <\/em><i>time<\/i>.<\/figcaption><\/figure>\n\n\n\n<p><strong>Ogma <\/strong>theme caters to your Top Area Header needs by providing you with the <strong>General<\/strong> and <strong>Design<\/strong> tabs. You can configure the settings as per your preference.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In order to access <strong>Top Area Header Settings<\/strong>,&nbsp;<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Navigate to <strong>General Settings<\/strong> &gt;&gt; <strong>Header Settings<\/strong> &gt;&gt; <strong>Top Area<\/strong>.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Under the<strong> General tab<\/strong>, you are equipped with different toggle options to enable or disable<strong> Top Area, Date &amp; Time<\/strong>, <strong>Top Menus,<\/strong> and <strong>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=\"373\" height=\"631\" src=\"https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/04\/image-5.png\" alt=\"\" class=\"wp-image-59\" srcset=\"https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/04\/image-5.png 373w, https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/04\/image-5-177x300.png 177w\" sizes=\"auto, (max-width: 373px) 100vw, 373px\" \/><figcaption class=\"wp-element-caption\"><em><strong>Top Area Settings<\/strong><\/em><\/figcaption><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>First toggle on,<strong> Enable Top Area <\/strong>toggle in order to use a Top Area Header.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Then, based on your preference, you can enable or disable the<strong> Enable Date-Time<\/strong> toggle as shown in the image above.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can also select your <strong>Date Format <\/strong>from the drop down list. There are 2 Date Formats available for the free version of the theme.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Eventually, in order to display top menus in the <strong>Top Area<\/strong> header, you must first enable the <strong>Enable Top Menu<\/strong> toggle.&nbsp;<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can also display social media icons at the <strong>Top Area header <\/strong>by toggling on <strong>Enable Social Icons<\/strong> first and then clicking on <strong>Manage Social Icon <\/strong>option.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&nbsp;After clicking<strong> <\/strong>the <strong>Manage Social Icon<\/strong> button, you will be redirected to <strong>General Settings &gt;&gt; Social Icons<\/strong> where you can add up to 4 social media icons.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Top Area Header is a header menu displayed at the top of your site. It is generally used to display date and time, social media icons, and other important navigation menus that aren\u2019t displayed in the Main Area Header. Video Guidance Ogma theme caters to your Top Area Header needs by providing you with the [&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-58","post","type-post","status-publish","format-standard","hentry","category-header-settings"],"_links":{"self":[{"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/posts\/58","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=58"}],"version-history":[{"count":3,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/posts\/58\/revisions"}],"predecessor-version":[{"id":308,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/posts\/58\/revisions\/308"}],"wp:attachment":[{"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/media?parent=58"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/categories?post=58"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/tags?post=58"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}