Header

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 desktop Header with Logo set to Default

Light theme Default mobile

Light theme mobile Header with Logo set to Default

Light theme Stacked desktop

Light theme desktop Header with Logo set to Stacked

Light theme Stacked mobile

Light theme mobile Header with Logo set to Stacked

Dark theme Inline desktop

Dark theme desktop Header with Logo set to Inline

Dark theme Inline mobile

Dark theme mobile Header with Logo set to Inline

Dark theme Inline stacked desktop

Dark theme desktop Header with Logo set to Inline stacked

Dark theme Inline stacked mobile

Dark theme mobile Header with Logo set to Inline stacked