Contributors: brainstormforce, Nikschavan
Tags: elementor, header footer builder, header, footer, page builder, template builder, landing page builder, front-end editor
Donate link: https://www.paypal.me/BrainstormForce
Requires at least: 4.4
Requires PHP: 5.4
Tested up to: 4.9.8
Stable tag: 1.0.16
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Create Header and Footer for your site using Elementor Page Builder.
Create header and footer of your site easily using Elementor.
All you need to do is -
- Design a layout using Elementor.
- Select whether it should be applied as the header or footer.
- The template will be automatically applied as the header/footer. Easy peasy!
Here is the step by step article with screenshots.
- 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 works best with these themes –
- Astra - The Fastest, Most Lightweight & Customizable WordPress Theme.
- GeneratePress.
- OceanWP.
- Genesis.
- Phlox Theme.
If you are a theme developer you can add support for the Header Footer Elementor from your theme easily. Read instructions here.
Check Ultimate Addons for Elementor. It is a library of unique Elementor addons and widgets to add more functionality and flexibility to your favorite page builder.
Need help with something? Have an issue to report? Get in touch. with us on GitHub.
Made with love at Brainstorm Force!
- Go to
Plugins -> Add Newand search for Header Footer Elementor. - Activate the plugin through the 'Plugins' screen in WordPress.
- Go to
Appearance -> Header Footer Builderto build a header or footer layout using elementor. - After the layout is ready assign the layout as header or footer using the option
Select the type of template this is(screenshot)
- Astra - The Fastest, Most Lightweight & Customizable WordPress Theme.
- GeneratePress Theme.
- Genesis Theme (and should work with most of its child themes).
- OceanWP Theme.
- 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.
- Go to
Appearance -> Header Footer Builderto build a header or footer layout using elementor. - After the layout is ready assign the layout as header or footer using the option
Select the type of template this is(screenshot)
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.
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
- Go to Appearance -> Header Footer Builder to create a new template.
- After the template is ready, assign it to be a header or footer replacement.
- Fix: Make the theme not supported notice dismissable.
- Fix: Use specific selector when adding z-index for the header.
- Fix: Default Header being displayed for Generatepress and Gensis theme after v1.0.14.
- Fix: Fixes possible PHP notices/Errors due to WP_Query being called early for all the supported themes.
- Fix: PHP Notices and errors due to WP_Query being called early when some plugins use filters inside WP_Query.
- Fix: Compatibility with Elementor 2.0 changed canvas template path.
- Load the CSS footer early in the page to avoid slow rendering of CSS.
- Change the schema.org links to be https.
- Fix: Added correct schema markup for the footer.
- 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.
- Add Support for WPML.
- Updated the missing strings from the translations template.
- Allow filters to override the WP_Query parameters when retreiving the Header / Footer template id.
- Fix: Dismissable notice not actually dismissing.
- New: Option to display the header/footer on the pages using Elementor Canvas Template.
- 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.
- Improvement: Use Elementor's created instance when rendering the markup for header/footer - Credits itay9001
- Fix: Adding theme support for the plugin does not remove the "no supported" notice.
- 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.
- 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.
- Initial Release.