The header part of the demos is created using The Elementor Header & Footer Builder plugin.

First of all, make sure that you have installed and activated the Elementor Header & Footer Builder plugin.

The Elementor Header & Footer Builder section comes up on the Dashboard > Appearance path after successfully installing the plugins. Click the Add New button to add a new template.

Create Custom Header

In this step, a post with basic settings of header, footer, and custom block is created. Enter the name of the template and choose the Header on the Type of Template.

More options appear after choosing the template's type.

  • Display On option specifies to which pages apply the changes

  • User Roles option specifies to which user roles apply the change

  • The Position is the header position on the website. Three options Relative, Absolute, and Sticky are available to choose from. The Relative option is the default header option, the Absolut option locates the content under the header block, and in the Sticky option, the header will be stuck on the top even by scrolling the site

Click the Publish button to save the template.

By clicking the Edit with Elementor button, you will launch the Elementor builder.

On the opening page, you can build your custom header by dragging elements from the Elementor tab to the building page.

After adding the necessary elements, click the Update button to see the applied header on the website.

Last updated