How to Customize Header

Our demos feature Elementor-built headers, making customization as easy as editing any page. With the Header Footer Builder, you have full control over your header design and content.

1. Quick Access to Your Header #

After a successful demo import:

1. Click Visit My Site to preview the demo.

Note: For demo import instructions, see the Detailed Demo Import Guide.

Once the preview page loads, follow these steps to customize your header:

1. Hover over the Edit with Elementor menu in the top admin bar.
2. Select Header from the dropdown list to modify the layout and design.

2. Customize Headers from Dashboard #

To add or edit headers via WordPress dashboard:

1. Navigate to Dashboard → ElementsKit and complete setup if required.
2. Go to Dashboard → ElementsKit → Header Footer.
3. Locate the pre-defined Header template.
4. Hover over it and click Edit with Elementor to open the editor.

3. Change Header Logo #

1. Go to Dashboard → ElementsKit → Header Footer.
2. Hover over the header template and click Edit with Elementor.
3. In the editor:
   • Click the Elementor icon (top-left corner).
   • Navigate to Site Settings → Site Identity.
   • Under Site Identity, update the Site Logo.

4. Set Up Your Menu #

1. Go to Dashboard → Appearance → Menus to set up your navigation menu.
2. For detailed instructions, see the Shopier Menu Setup Guide.

5. Change Header Menu #

1. Go to Dashboard → ElementsKit → Header Footer.
2. Hover over the header template and click Edit with Elementor.
3. In Elementor, click the Header Menu.
4. On the left panel under Content → Menu Settings, select the menu you want.
5. Click Publish to save your changes.

To learn How to Setup Mega Menu, please visit this detailed guide.

6. Select Header/Footer for Your Site #

1. Go to Dashboard → ElementsKit → Header.
2. Hover over the header template and click Edit.
3. In Template Settings, set:
   • Title – Name your header/footer.
   • Type – Choose Header or Footer.
   • Conditions – Select where it should appear.
   • Activate/Deactivate – Enable or disable the template.
4. Click Save Changes.