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)
Can you create Mobile Responsive Header/Footer using this plugin?

Yes, You can create the mobile responsive layout of your header using the plugin.

The Header-Footer Elementor plugin just gives you a container where you can completely design the header using Elementor Page Builder, So the process of creating the mobile responsive layout is exactly same as you would create a responsive layout of your page.

Here is a documentation by Elementor Page builder which explains how you can create mobile responsive layouts using Elementor – https://elementor.com/introducing-mobile-editing/
This same applies when you are creating your Header/Footer using this plugin.

How Can I add support for Heade/Footer Plugin from my 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.

If you are using a pre-made theme, The best approach would be to contact yoru theme developer and provide them link to the Wiki article on how they can add support for the plugin.
If the above is nnot possible, You can also add support for the plugin from your child theme. Just follow this article

Reviews

I don’t use but 5 *

Hello author,
I really want to use this great plugin, i can not active my theme. It will be great if you do a easy video for activating this plugin to any theme. I use news paper theme this plugin is not support with my theme. And your documentation is hard to understood ne.

next level design, yet simple and compatible

I run a few real estate websites and this app is Hands down the best for custom
Headers/footers designing on wordpress. I dont normally write reviews but The fact that it was so simple to use and more importantly the fact that i didnt need to google anything to get it to work impressed me enough to write this review. Very impressed

11/10 – im surprised this plugin doesnt cost $. Its that handy.

Thanks and Suggestion

Many Thanks for the team who developed this plugin. It really gives you the satisfaction you want. However, it would be great if there is possibilities to add header features such as sticky header.

Very great job

Good Plugin with Responsive Support

This Plugin works exactly how a plugin should. You install it and it works seamlessly. I got this for a very complex site I am currently building and it allowed me to make my headers and footers appear exactly the way I wanted them too. With how many plugins my site has I ended up running into a conflict that made the elementor editor unusable, however support was quick to respond to my ticket even on Black Friday! The plug in is great and it has excellent support so I highly recommend!

Read all 12 reviews

Contributors & Developers

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

Contributors

“Header Footer Elementor” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “Header Footer Elementor” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0.10

  • Load the header layout correctly in the in Elementor canvas template.
  • Load the Elementor Pro CSS/JS files in .
  • Provide more filters for the helper functions.

1.0.9

  • Add Support for WPML.
  • Updated the missing strings from the translations template.

1.0.8

  • Allow filters to override the WP_Query parameters when retreiving the Header / Footer template id.

1.0.7

  • Fix: Dismissable notice not actually dismissing.

1.0.6

  • New: Option to display the header/footer on the pages using Elementor Canvas Template.

1.0.5

  • Fix: Correctly check if Elementor actually is active before using its methods. This fixes errors for sites using older versions of PHP where Elementor does not actually get activated.

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.