Header Footer Elementor

Description

Create header and footer of your site easily using Elementor.

All you need to do is –

  1. Design a Header or Footer Template.
  2. Select the template type to be used for header or footer.
  3. The template will be used throughout the site as header / footer.

Features of Header Footer Elementor

  • Create attractive pages and templates that can be displayed as a Header or Footer.
  • Lets you use a fully customized header or footer across the website.

The plugin only works with limited number of themes as of now, here is the list of supported themes –

  1. Astra – The Fastest, Most Lightweight & Customizable WordPress Theme.
  2. GeneratePress Theme.
  3. Genesis Theme.
  4. OceanWP Theme.
  5. Beaver Builder theme.

If you are a theme developer here is a quick tutorial on how you can add support for the Header Footer Elementor from your theme.

Supported & Actively Developed

Need help with something? Have an issue to report? Get in touch. with us on GitHub.

Made with love at Brainstorm Force!

Screenshots

  • Go to Appearane -> Header Footer Builder to create a new template.
  • After the template is reade, Assign the template to be header or footer replacement.

Installation

  1. Go to Plugins -> Add New and search for Header Footer Elementor.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress.
  3. Go to Appearance -> Header Footer Builder to build a header or footer layout using elementor.
  4. After the layout is ready assign the layout as header or footer using the option Select the type of template this is (screenshot)

FAQ

Installation Instructions
  1. Go to Plugins -> Add New and search for Header Footer Elementor.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress.
  3. Go to Appearance -> Header Footer Builder to build a header or footer layout using elementor.
  4. After the layout is ready assign the layout as header or footer using the option Select the type of template this is (screenshot)
Which themes are supported by this plugin?
  1. Astra – The Fastest, Most Lightweight & Customizable WordPress Theme.
  2. GeneratePress Theme.
  3. Genesis Theme (and should work with most of its child themes).
  4. OceanWP Theme.
  5. Beaver Builder theme.

If you are a theme developer here is a quick tutorial on how you can add support for the Header Footer Elementor from your theme.

How does this plugin work
  1. Go to Appearance -> Header Footer Builder to build a header or footer layout using elementor.
  2. After the layout is ready assign the layout as header or footer using the option Select the type of template this is (screenshot)

Reviews

great tool for making complicated header

i really appreciate Brainforce for this plugin, as it was really a torture for me to do many things to make a header, which is useful for trade field, such as hvac. thank you brainstorm, god bless you

Amazing solution

This is a simple easy to use, but working solution to build a complete WordPress theme or a child of a theme.
It works great with the free GeneratePress theme.
Thanks, I really appreciate this new idea.

Read all 3 reviews

Contributors & Developers

“Header Footer Elementor” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0.4

  • Improvement: Use Elementor’s created instance when rendering the markup for header/footer – Credits itay9001

1.0.3

  • Fix: Adding theme support for the plugin does not remove the “no supported” notice.

1.0.2

  • New: Added support for the OceanWP Theme.
  • Fix: Load the elementor header assets corectly in header. This fixes header looking different just when loading the page as previously Elementor would load it’s CSS in the footer.
  • Introduced helper functions for rendering and checking the headers to make it simpler to integrate HFE with more themes.

1.0.1

  • New: Added support for the Astra WordPress theme – The Fastest, Most Lightweight & Customizable WordPress Theme.
  • Moved the menu under Appearance -> Header Footer Builder.
  • Fix: Header content getting hidden behind tha page content.
  • Use Elemenntor’s canvas template when designing header and footer layout to have full width experience.

1.0.0

  • Initial Release.