Header

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

1. Site slogan

2. Header logos

3. Secondary navigation

4. Primary navigation

Configuring the Header

When you apply the Theme, it's 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.

In this section you can also configure the Logo type.

Header examples

The examples below illustrate the Light and Dark theme applied to the header.

Note: the below examples only illustrate the Light and Dark theme, these don't give examples of the Header logo options. Go to the Header logo page for more logo examples.

Light theme desktop

Light theme desktop Header with Logo set to Default

Light theme mobile

Light theme mobile Header with Logo set to Default

Light theme mobile Header with Logo set to Stacked

Dark theme Inline (logo) desktop

Dark theme desktop Header with Logo set to Inline

Dark theme Inline (logo) mobile

Dark theme mobile Header with Logo set to Inline

Dark theme Inline stacked (logo) desktop

Dark theme desktop Header with Logo set to Inline stacked

Dark theme Inline stacked (logo) mobile

Dark theme mobile Header with Logo set to Inline stacked