Header Layout and Style

Table of Contents

Location: Appearance > Customize > Header > Primary Header

Style #

There are 3 header styles available in the free version of ColorMag and an extra 3 header styles in the ColorMag Pro.

  • Style 1: Primary menu full width and below site identity, dark background.
ColorMag Header Style 1
  • Style 2: Primary menu container width and below site identity, dark background.
ColorMag Header Style 2
  • Style 3: Primary menu container width and below site identity, light background.
ColorMag Header Style 3
  • Style 4: Primary menu container width and above site identity, dark background. (Available in ColorMag Pro)
ColorMag Pro Header Style 4
  • Style 5: Primary menu container width and above site identity, dark background. (Available in ColorMag Pro)
ColorMag Pro Header Style 5
  • Style 6: Primary menu container width and above site identity, light background. (Available in ColorMag Pro)
ColorMag Pro Header Style 6

Alignment #

Choose how the header elements like Site Identity (Site Logo and Site Title & Tagline), and Header Sidebar align in the Header. (Available in ColorMag Pro)

  • Type 1: Header text & logo on left, header sidebar on the right
Type 1 header alignment
ColorMag Type 1 Header Alignment
  • Type 2: Header sidebar on left, header text & logo on the right
Type 2 header alignment
ColorMag Type 2 Header Alignment
  • Type 3: Header text, header sidebar both aligned center
Type 3 header alignment
ColorMag Type 3 Header Alignment

Colors #

  • Background: Change the background color and background image for the whole header area. (Available in ColorMag Pro)
Scroll to top