Adding a New Header

Last Updated on

Jupiter X theme let’s you use a default customizer header or create a new custom header from scratch using Elementor. The process of creating a header using Elementor includes creating a header template, creating the header, and assigning it to a page. Creating the header using Elementor enables you to use all of the Elementor elements, allowing you to have a highly customized header.

In this article we’ll explain how to create a new custom header using the Elementor page builder.

In this article


What’s the Difference Between Default Customizer Header and Custom Elementor Header?

Simply put, the default customizer header has limited options and styles while the custom Elementor header has pretty much unlimited customization because of it’s widgets. This means that you will be able to add any Elementor element to the header; buttons, images, headings, icons, etc.

Customizer header feature is a great way to quickly create a simple header to use on your website. However, if you are looking for some specific header design, Elementor will allow you to do that.

Adding a New Header

x
Note: Adding a new header can be only done with the Elementor plugin. To learn how to install it, check out this article.

To add a new header:

1
From the WordPress left menu, click on Elementor.

2
Next to My Templates title, click on the Add New button.

3
For the template type select Header and give your header a name.

4
Click on the Create Template button.

You will now be redirected to Elementor page editor where you can choose a header template from the library or create your new header from scratch using Elementor.

x
Note: To learn how to use Elementor to build your header, check out this article.

Assigning the Header Globally

After creating your header, you can assign it globally to all pages at once:

1
From the WordPress left menu, go to Appearance > Customize.

2
From the Customizer left dashboard, click on Header.

3
For the Header Type, select Custom and select your header Template below.

4
Click on Close and Publish the changes.

Assigning the Header to a Specific Page

After creating your header, you can assign it only to a specific page or pages:

1
From the WordPress left menu, go to Pages and enter the page where you wish to assign your header to.

2
From the Page Options, click on Header.

3
As Type, select Custom and below that select your header Template.

3
Publish or Update the page.

Creating a Sticky Header

The process of creating a sticky header is the same as creating a normal header, the only difference is that it needs to be assigned as Sticky header in the customizer or page options.

Assigning Global Sticky Header

To assign a sticky header globally:

1
From WordPress left menu, go to Appearance > Customize.
2
From the customizer left dashboard, go to Header.
3
For Behavior select Sticky.
4
A new Template option below will appear. Select your sticky header template from there.
5
Save the changes and Publish.

Assigning a Page Specific Sticky Header

To assign a sticky header only to one page:

1
From the WordPress left menu, go to Pages and enter the page where you wish to assign your sticky header to.
2
From the Page Options, click on Header.
3
As Type, select Custom and next to that select your header Template.
4
As Behavior select Sticky and next to that select your sticky header Template..
5
Publish or Update the page.
Was this helpful?
Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket