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.

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).