Header Main Area Overview
Location: Appearance → Customize → Header & Navigation → Main Header
This theme provides you with the following options in the Main Header.
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:
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.
Style 2: Site Identity and Logo at the Centre.
Style 3: Site Identity on the Right & Navigation Menu on the Left side.
Layout 2: Layout 2 is about displaying the Site Identity at the top with menu below it
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.
Use the Border Bottom Size option to change the size of the border.
Use the Border Bottom Color option to change the color of the border.
It is shown in the image below:
For additional features: Header Main Area Overview (Pro)
This theme provides you with the following options in the Main Header.
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:
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.
Style 2: Site Identity and Logo at the Centre.
Style 3: Site Identity on the Right & Navigation Menu on the Left side.
Layout 2: Layout 2 is about displaying the Site Identity at the top with menu below it
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.
Border
Use the Border Bottom Size option to change the size of the border.
Use the Border Bottom Color option to change the color of the border.
It is shown in the image below:
For additional features: Header Main Area Overview (Pro)
Updated on: 15/07/2023
Thank you!