Special Summer Offer! Get up to 40% OFF

Documentation

How to Create a Custom Header Layout with PowerPack & Elementor?

Headers have become a necessary part of the sites. A good header enhances user navigation & gives a clean look to the websites. Until now, creating a Header with Elementor was dependent upon the use of Theme Builder available only in the Pro version, but with PowerPack's Header/Footer option, you can add a custom Header to the site in few simple steps.

Create a Custom Header#

1. Add a new page named taxonomically Header (for easy identification) and start editing it using Elementor

Create a New Page and Edit it with Elementor
Create a New Page and Edit it with Elementor

2. Once in the editor, you have two options to design a Header:

  1. Design a new Header from the scratch using Elementor Widgets.
  2. or use the pre-built Header Templates to add a professionally designed Header layout to the page easily.

3. Once done with the designing publish the page.

Edit the Page and Create the Header Layout

Setting up the Header#

1. Now go to the WP Dashboard > Settings > PowerPack > Header/Footer > Set the page we just created as Header.

Set the Page Created in the above steps as Header in the Admin Settings
Set the Page Created in the above steps as Header in the Admin Settings

2. Click save and the Header will appear on the entire site.

Live Demo of the Header
Live Demo of the Header

If you have any questions then feel free to reach out to us. We'll be happy to help you.

Not the solution you are looking for?

Please check other articles or open a support ticket.

Download PowerPack Free

Subscribe to receive latest updates, announcements, offers, deals & discounts.