--- title: Website Header / Navbar description: Website Header image: https://documentation.awwaldesign.com/hubfs/image-png-4.png --- [![logo](https://documentation.awwaldesign.com/hs-fs/hubfs/logo.png?width=72&height=44&name=logo.png "logo")](https://awwaldesign.com/) - Listing pages - [Single Column](https://templates.awwaldesign.com/ad-blog-single-column) - [Two Column](https://templates.awwaldesign.com/ad-blog-two-column) - [Three Column](https://templates.awwaldesign.com/ad-blog-three-column) - [Horizontal Style](https://templates.awwaldesign.com/ad-blog-horizontal-style) - [With Sidebar](https://templates.awwaldesign.com/ad-blog-with-sidebar) - [Listing with Simple Hero Option](https://templates.awwaldesign.com/ad-blog-listing-option-two) - [Listing with Popular Post Swiper](https://templates.awwaldesign.com/ad-blog-listing-option-three) - Post pages - [Post page](https://templates.awwaldesign.com/ad-blog-single-column/unlocking-potential-the-power-of-coaching-in-empowering-your-employees) - [Post page with sidebar](https://templates.awwaldesign.com/ad-blog-with-sidebar/office-vs.-home-the-pros-and-cons-of-working-in-different-environments) - [Blog Post Style 2](https://templates.awwaldesign.com/ad-blog-three-column/office-vs.-home-the-pros-and-cons-of-working-in-different-environments) - [Blog Post Style 2 with Sidebar](https://templates.awwaldesign.com/ad-blog-horizontal-style/designing-the-future-innovative-architecture-for-a-changing-world) - System Pages - [404 page](https://3067823.hubspotpreview-na1.com/_hcms/preview/template/multi?domain=undefined&hs_preview_key=olbEMd5l60dX91Y-P7v5Ow&portalId=3067823&tc_deviceCategory=undefined&template_file_path=AD-Theme%2FBlog%20theme%20by%20awwal%20design%2Ftemplates%2Fsystem%2F404.html&updated=1680759056647) - [500 page](https://3067823.hubspotpreview-na1.com/_hcms/preview/template/multi?domain=undefined&hs_preview_key=qpLpaucv8iqgYJwdXcqLjw&portalId=3067823&tc_deviceCategory=undefined&template_file_path=AD-Theme%2FBlog%20theme%20by%20awwal%20design%2Ftemplates%2Fsystem%2F500.html&updated=1680759069742) - [Search result page](https://templates.awwaldesign.com/search-result-page?term=awwal&type=BLOG_POST) - [Email backup unsubscribe page](https://3067823.hubspotpreview-na1.com/_hcms/preview/template/multi?domain=undefined&hs_preview_key=pIHFrQquYtNBHUWLKeqb5A&portalId=3067823&tc_deviceCategory=undefined&template_file_path=AD-Theme%2FAwwal%20Blog%20Theme%2Ftemplates%2Fsystem%2FAwwal%20-%20Email%20backup%20unsubscribe%20page.html&updated=1681624857047) - [Email subscriptions preference page](https://3067823.hubspotpreview-na1.com/_hcms/preview/template/multi?domain=undefined&hs_preview_key=aiSIXOdQbXkWoELSt0VeBQ&portalId=3067823&tc_deviceCategory=undefined&template_file_path=AD-Theme%2FAwwal%20Blog%20Theme%2Ftemplates%2Fsystem%2FAwwal%20-%20Email%20Subscription%20preferences%20page.html&updated=1681624863601) - [Email subscriptions confirmation page](https://3067823.hubspotpreview-na1.com/_hcms/preview/template/multi?domain=undefined&hs_preview_key=968fXOPCZcHe1qDBduJkFA&portalId=3067823&tc_deviceCategory=undefined&template_file_path=AD-Theme%2FAwwal%20Blog%20Theme%2Ftemplates%2Fsystem%2FAwwal%20-%20Subscription%20Confirmation%20Page.html&updated=1681621623610) - [Password prompt page](https://3067823.hubspotpreview-na1.com/_hcms/preview/template/multi?domain=undefined&hs_preview_key=ZIYiQQ87G9MtXBLzMsbB2A&portalId=3067823&tc_deviceCategory=undefined&template_file_path=AD-Theme%2FAwwal%20Blog%20Theme%2Ftemplates%2Fsystem%2FAwwal%20-%20Password%20Prompt%20Page.html&updated=1681624851432) - Landing Pages - [Multi purpose LP](https://templates.awwaldesign.com/ad-multipurpose-landing-page) - [eBook Landing Page](https://templates.awwaldesign.com/ebook-landing-page) - [Minimal eBook Landing Page](https://templates.awwaldesign.com/minimal-ebook-landing-page) - [Thank you page](https://templates.awwaldesign.com/thank-you-page) - [Subscription Page](https://awwaldesign.com/subscribe-to-awwal-blog) - [Documentation](https://documentation.awwaldesign.com/awwal-blog-theme) [Buy Now](https://app.hubspot.com/ecosystem/3067823/marketplace/website/awwal-blog-theme-by-awwal-design) ## What are you looking for? [Back](https://documentation.awwaldesign.com/awwal-blog-theme) # Website Header / Navbar Created By Safwan Shaikh Last Modified on: 1 Oct, 2024 > This article is only for updating the style and color of the header / navbar, If you're trying to update the content of your global header checkout this article. > > ▶ [How to use the Global Header Module](https://documentation.awwaldesign.com/awwal-blog-theme/how-to-use-the-global-header-module)   From the Theme options, Website Header or Navbar colors and styles options can be changed globally.   Header or Navbar styles are controlled via Theme settings To edit your theme settings, you'll first need to create a blog post or a page with a Awwal Blog theme's template. If you've already done that move to the next step. The Theme settings can be accessed within the content editor by clicking the Theme tab on the left. Then click **Edit theme settings**. ![](https://documentation.awwaldesign.com/hubfs/image-png-3.png)   This is your global theme settings where you can pretty much control everything. ![](https://documentation.awwaldesign.com/hubfs/image-png-Apr-12-2023-06-06-07-6435-PM.png) > Tip: Change your "View on" page to Awwal - Style Guide and you can easily preview all the elements.  #### These are the options you can control - Menu - Icon - Header Background - Search Overlay Window - Mobile options   Below you can find the breakdown of each option ![](https://documentation.awwaldesign.com/hubfs/image-png-Apr-11-2023-11-00-10-3070-AM.png) #### 1. Menu ![](https://documentation.awwaldesign.com/hubfs/image-png-Apr-11-2023-11-00-45-0183-AM.png)   #### 2. Icon ![](https://documentation.awwaldesign.com/hubfs/image-png-Apr-11-2023-11-01-37-7271-AM.png)   #### 3. Header Background ![](https://documentation.awwaldesign.com/hubfs/image-png-Apr-11-2023-11-02-01-2077-AM.png)   #### 4. Search Overlay Window ![](https://documentation.awwaldesign.com/hubfs/image-png-Apr-11-2023-11-02-43-8678-AM.png)   #### 5. Mobile options ![](https://documentation.awwaldesign.com/hubfs/image-png-Apr-11-2023-11-03-23-5138-AM.png)   ### Didn’t find what you were looking for? Feel free to reach out and we’ll get back to you! [![awwal-logo-white](https://documentation.awwaldesign.com/hubfs/awwal-logo-white.svg "awwal-logo-white")](https://awwaldesign.com/) Write a brief description of your company or services here. keep it short but make it interesting enough to make user want more. Important Links - Home - Services - About Us - Blog - Contact Us - Get Started [123 456 7890](tel:123%20456%207890) [123 456 7890](tel:123%20456%207890) [123 456 7890](tel:123%20456%207890) Copyright @ 2023. All Right Reserved. Made with love by [Awwal Design](https://awwaldesign.com/) - - - ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Safwan Shaikh", "url" : "https://documentation.awwaldesign.com/awwal-blog-theme/author/safwan-shaikh" }, "dateModified" : "2023-04-12T19:54:20.350Z", "datePublished" : "2023-04-10T09:17:00.000Z", "headline" : "Website Header / Navbar", "image" : [ "https://documentation.awwaldesign.com/hubfs/image-png-4.png" ], "mainEntityOfPage" : { "@id" : "https://documentation.awwaldesign.com/awwal-blog-theme/website-header-navbar", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://documentation.awwaldesign.com/hubfs/awwal-logo-2.svg" }, "name" : "Awwal Design" } } ```