Header Builder

The header builder allows you to compose any header layout using an easy and intuitive drag & drop interface.

Quick Start

To start building your header, please do as follows:

1. Open the WP Dashboard › Appearance › Customize › Header › Builder panel
2. Click the Open Header Builder button.
3. Choose header type (e.g. Desktop)
4. Use drag & drop interface to move header elements between rows
5. Click on an element (e.g. Logo) to open its settings panel
6. Publish changes

Header types

The builder allows you to compose separately 3 types of headers:

1. for Desktop devices (see above).
2. for Mobile devices.

   

3. for Canvas.

   

Pre-made compositions

The builder offers a few pre-made header compositions for a quick start. Please do as follows to start working from a pre-defined layout:

1. Open the WP Dashboard › Appearance › Customize › Header › Builder panel
2. Click one of the available Compositions.
3. Adjust your header.
4. Publish changes

Rows

The header layout is divided into 3 rows (labeled as a, b, c). Every row has 3 cells (left, middle, right).

To reposition rows, use the icon next to it.
To change row/cell properties, click the icon next to it.
To move an element between rows/cell, just drag & drop it.

Sticky header

To make the header sticky, please click the cog icon next to a row you want to make sticky (screen, point 1)
and set the Sticky option to On (screen, point 2).