The header section appears at the top of your website. It comprises:

  1. Site slogan

  2. Logos

  3. Secondary navigation

  4. Primary navigation

Configuring the Header

The Theme is applied to all four above mentioned sections of the header.

To apply the Light or Dark theme to the Header go to /admin/appearance/settings/<site-name> and use the radio buttons.

Header examples

The examples below illustrate the Light and Dark theme applied to the header. They also display:

  1. Site slogan

  2. Different Header logo configuration. Read more about Header logo configuration.

Light theme Default desktop

Light theme Default mobile

Light theme Stacked desktop

Light theme Stacked mobile

Dark theme Inline desktop

Dark theme Inline mobile

Dark theme Inline stacked desktop

Dark theme Inline stacked mobile

Last updated