Location: Appearance → Customize → Header & Navigation → Main Header → Width
The Main Header is the section of the site that usually contains the Site Identity, Navigation Menu, Ads, and other essential elements. It lies below the Header Top Bar in the ColorMag theme and comes with the following options:
General #
It comes with the following options for customizing the main header:
Layout #
The theme allows customizing the main header area with various layouts. Currenlty, there are three layout styles, each with multiple styles/designs for displaying the header area. The options are listed below:
Layout 1: Layout 1 allows switching the logo area and menu position. It provided two styles to display the logo area and menu. The options are listed below:
- Style 1 – Logo area above the primary menu.
- Style 2 – Logo area below the primary menu. [Available in ColorMag Pro]
Layout 2: Layout 2 is about aligning the logo, ad, and primary menu in the center. It allows two options to align the items listed below:
- Style 1– Logo area above the primary menu.
- Style 2 – Logo area below the primary menu. [Available in ColorMag Pro]
Layout 3: Layout 3 is about displaying the menu at the top with the top bar area below it. Also, the site logo and header sidebar area lies below the top bar. [Available in ColorMag Pro]
Alignment #
It sets the header layout alignments in the left, right, or center positions. [Available in ColorMag Pro]
Width #
It determines the width of the main header area and comes with the following options: [Available in ColorMag Pro]
- Full Width – It displays the Main Header area on the full area of the screen.
- Contained – It displays the Main Header area width with respect to the container area.
Background #
ColorMag theme option to set the background for the primary header section. You can add the Color or Image to customize the primary header background. [Available in ColorMag Pro]
