Creating A Header

Creating a Website Header in Breakdance

In this tutorial, learn how to add a website header using Breakdance.

Creating a Header

Accessing the Header Section

  1. Navigate to the WordPress admin panel.
  2. Go to Breakdance > Headers.
  3. Click “Add Header”.

Header Configuration

  1. Provide a title for your header. In this demonstration, it’s named “Main Header”.
  2. Select a location for your header. The “Everywhere” option applies the header to all pages on your site. However, Breakdance offers flexibility in displaying different headers for different sections or user statuses.
  3. Optional: Add conditions if you want to display varied headers for specific scenarios statuses, like logged in or logged out users.
  4. After setting the desired conditions, click “Add Header”.

Designing the Header

Utilizing the Header Builder

  1. Open the newly created header in Breakdance.
  2. Add the “Header Builder” element. This built-in tool in Breakdance allows easy creation of headers without the need for columns or additional plugins.

Adding Logo and Elements to Header

  1. Add an image element for your site’s logo.
  2. Select your previously uploaded logo from the media library.
  3. Add the “Menu Builder” to your header. This offers more flexibility compared to the default WordPress menu, especially with drop-down functionalities.
  4. Add a button to the header for any desired action or link.

Finalizing and Viewing the Header

Previewing the Header

  1. Save the configurations made in the Breakdance header builder.
  2. Go to the frontend of your website and refresh the page. Your new header should now be visible across the site.