Skip to main content

# Header Builder

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

## Quick Start

To start building your header, please do as follows:

1. Open the WordPress Admin › 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 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 WordPress Admin › Appearance › Customize › Header › Builder panel
2. Click one of 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 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).