Creating A Header

This guide provides step-by-step instructions on how to create and configure a website header using Breakdance in WordPress.

Creating the Header Template

1. Navigate to the WordPress Admin Panel
2. Go to Breakdance > Headers.
3. Click Add Header.

Header Configuration

1. Title Your Header: Name your Header, e.g., “Main Header”.
2. Select a Location: Choose “Everywhere” for a global header or specify locations for conditional headers.
3. Set Conditions (Optional): Add conditions to display headers for specific scenarios, such as user status (logged in/out).

Designing the Header

Most elements can be used within the Header. The Header Builder is the primary element we recommend over Section elements due to the specific features and options it contains.

Utilizing the Header Builder element

Use the Header Builder element to easily create headers without additional plugins or columns.

The Header Builder offers advanced features like Overlay Headers, Sticky Headers, and responsive functionality. It simplifies the process of building headers compared to other visual builders. There’s no need for columns to align items horizontally, making it easier to use.

Adding Elements to the Header Builder

Here are some basic elements you may use within the Header Builder to enhance your site’s Header.

1. Logo: Add an Image element and select your logo from the media library.
2. Menu: Use the Menu Builder element for flexible menu options, including dropdowns. You can also insert a WordPress menu using the WP Menu element.
3. Button: Add a Button element for actions or links.

Previewing and Finalizing the Header

After you are done editing your Header, save the configuration and load your site on the front end to see the Header across all the designated pages.