PowerPack Documentation

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

Table of Contents

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.

Last updated on May 13, 2020

Days
Hours
Minutes
Seconds

Spooky Offer: Get up to 40% OFF

Latest Additions