View Categories

Main Header Area Layouts and Styles Overview

1 min read

Table of Contents

| Location: Appearance → Customize → Header & Navigation → Main Header

The Main Header is the section of the site that usually contains the Site Identity, Navigation Menu, Header Button, and other essential elements. It lies below the Header Top Bar in the Zakra theme and comes with the following options:

Layout #

The theme allows customizing the main header area with various layouts. Currently, there are two layout styles, each with multiple styles/designs for displaying the header area. The options are listed below:

  1. Layout 1: Layout 1 allows switching the Site Identity and Navigation Menu position. It provided three styles to display the logo area and menu. The options are listed below:
  • Style 1: Site Identity on the Left & Navigation Menu on the Right side.
Main Header with Layout 1 and Style 1
  • Style 2: Site Identity and Logo at the Centre.
Main Header with Layout 1 and Style 2
  • Style 3: Site Identity on the Right & Navigation Menu on the **Left **side.
Main Header with Layout 1 and Style 3
  1. Layout 2: Layout 2 is about displaying the Site Identity at the top with a menu below it
Main Header with Layout 3

Background #

Zakra theme option to set the background for the Main Header area. You can add the Color or Image to customize the main header background.

Change Main Header Background Color

Border #

It customizes the Border area that appears around the button and comes with the following options:

  • Width – It determines the size of the border
  • Colour – It allows you to change the Color of the border.

It is shown in the image below:

Change Main Header Border Bottom Width and Color

|| For additional features: ** Header Main Area Overview (Pro)**

Scroll to top