{"id":58,"date":"2025-09-17T09:04:13","date_gmt":"2025-09-17T09:04:13","guid":{"rendered":"https:\/\/docs.mysterythemes.com\/ogma\/?p=58"},"modified":"2025-10-09T03:54:20","modified_gmt":"2025-10-09T03:54:20","slug":"how-to-configure-top-area-header-settings","status":"publish","type":"post","link":"https:\/\/docs.mysterythemes.com\/news-express\/how-to-configure-top-area-header-settings\/","title":{"rendered":"How to Configure Top Area Header Settings?"},"content":{"rendered":"\n<p><strong>Top 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>News Express <\/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> \u2192 <strong>Header Settings<\/strong> \u2192 <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 Header, Date &amp; Time<\/strong>, and <strong>Top Menus<\/strong>.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"332\" height=\"389\" src=\"https:\/\/docs.mysterythemes.com\/news-express\/wp-content\/uploads\/sites\/28\/2025\/09\/image-6.png\" alt=\"\" class=\"wp-image-450\" srcset=\"https:\/\/docs.mysterythemes.com\/news-express\/wp-content\/uploads\/sites\/28\/2025\/09\/image-6.png 332w, https:\/\/docs.mysterythemes.com\/news-express\/wp-content\/uploads\/sites\/28\/2025\/09\/image-6-256x300.png 256w\" sizes=\"auto, (max-width: 332px) 100vw, 332px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>First toggle on,<strong> Enable Top Header <\/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 <strong>2 Date Formats <\/strong>available for  the theme, choose accordingly.<\/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 Header<\/strong>, you must first enable the <strong>Enable Menu<\/strong> toggle.\u00a0<\/li>\n\n\n\n<li>You can also choose <strong>Text Color<\/strong> and <strong>Background Color<\/strong> from the Design tab.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"337\" height=\"271\" src=\"https:\/\/docs.mysterythemes.com\/news-express\/wp-content\/uploads\/sites\/28\/2025\/09\/image-7.png\" alt=\"\" class=\"wp-image-451\" srcset=\"https:\/\/docs.mysterythemes.com\/news-express\/wp-content\/uploads\/sites\/28\/2025\/09\/image-7.png 337w, https:\/\/docs.mysterythemes.com\/news-express\/wp-content\/uploads\/sites\/28\/2025\/09\/image-7-300x241.png 300w\" sizes=\"auto, (max-width: 337px) 100vw, 337px\" \/><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Top 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 News Express 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":[2],"tags":[],"class_list":["post-58","post","type-post","status-publish","format-standard","hentry","category-news-express-pro-module"],"_links":{"self":[{"href":"https:\/\/docs.mysterythemes.com\/news-express\/wp-json\/wp\/v2\/posts\/58","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.mysterythemes.com\/news-express\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.mysterythemes.com\/news-express\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/news-express\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/news-express\/wp-json\/wp\/v2\/comments?post=58"}],"version-history":[{"count":2,"href":"https:\/\/docs.mysterythemes.com\/news-express\/wp-json\/wp\/v2\/posts\/58\/revisions"}],"predecessor-version":[{"id":452,"href":"https:\/\/docs.mysterythemes.com\/news-express\/wp-json\/wp\/v2\/posts\/58\/revisions\/452"}],"wp:attachment":[{"href":"https:\/\/docs.mysterythemes.com\/news-express\/wp-json\/wp\/v2\/media?parent=58"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/news-express\/wp-json\/wp\/v2\/categories?post=58"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/news-express\/wp-json\/wp\/v2\/tags?post=58"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}