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.

Elements

Most elements have their settings available directly from the builder. Just click the element and corresponded panel will appear. For other elements like e.g. Social Icons, please refer to the Elements Setup page.

Colors

All colors options are located under the WordPress Admin › Appearance › Customize › Header panel. Colors are divided into sections:

  • Row A - for the row with label a (see image above)
  • Row B - for the row with label b
  • Row C - for the row with label c
  • Canvas - for the canvas menu
  • Submenus - for submenu items

The featured entries is a list of maximum 6 posts you want to promote across the site. These might be the most shared posts from the last week or posts tagged by you, for some special reason (let's say "WOW" posts).

To define your criteria, please follow these steps:

  1. Go to the WordPress Admin › Appearance › Customize › Header › Featured Entries panel
  2. Define where the entries should be visible. If you want to keep them just on your homepage, uncheck the Single post option
  3. Choose your preferred template, type and time range

The Most Shared type

To use this option you need a plugin that counts social shares on your site. We recommend the Mashshare Share Buttons plugin. After theme activation you should be asked to install it or you can do that later, manually via the WordPress Admin › Appearance › Install Plugins page.

Read more about the plugin integration.

The Most Viewed type

To use this option you need to a plugin that counts post views on your site. We recommend the Wordpress Popular Posts plugin. After theme activation you should be asked to install it or you can do that later, manually via the WordPress Admin › Appearance › Install Plugins page.

Read more about the plugin integration.

Header Image

To define your header image, please:

  1. Go to the WordPress Admin › Appearance › Customize › Header panel
  2. Switch to the Image section
  3. Upload an image and set its position