Website Header / Navbar

Created By Safwan Shaikh
Last Modified on: 25 Feb, 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


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.


This is your global theme settings where you can pretty much control everything.

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

1. Menu


2. Icon


3. Header Background


4. Search Overlay Window


5. Mobile options


Didn’t find what you were looking for?

Feel free to reach out and we’ll get back to you!