How to Create Custom Headers and Footers with the Elementor Header and Footer Builder

Elementor Header and Footer Generator (EHF) is a powerful and easy WordPress plugin that lets you create layouts with Elementor and set them to header, footer or anywhere on the page.

If you only want to display a custom header template on your homepage, blog archive page or your entire website, this plugin lets you choose specific locations to display the header and footer.

Activation Plugin

• In the navigation panel "Add New Plugin", enterElementor Header & Footer Builder, in the displayed results click on theInstallationThe
• Run the installed plug-in as a part of theactivateThe

Configure header or footer settings

• Appearance in WordPressmenu, clickElementor Header and Footer GeneratorThe

• click (using a mouse or other pointing device)Add NewTemplate and name

• Select whether you want to create a header or footer template. In this example, we choose "Header".

• Use "Add Display Rule"Select the target location to determine where the template should be displayed

• It is also possible to set the user role for which the template will be displayed. Examples of user roles include editor, administrator, login, logout, etc.

• click (using a mouse or other pointing device)"Release."button to apply the changes.

Design your template.

• click (using a mouse or other pointing device)"Edit with Elementor"buttons to edit the template layout using the Elementor page builder.

Scroll down in the sidebar and find the EHF plugin to add the following widget to the Elementor editor.

• retinal image
• copyright
• navigation menu
• page title
• Site Title
• Website Slogan
• look for sth.
• Website Logo

Attention to responsiveness

• Another thing you need to do before returning to the WordPress dashboard is to check the responsiveness of the new header elements. The mobile menu can't really accommodate the horizontal, full-width spanning elements we use on desktop. So, customize before proceeding.

You can design mobile versions of the header and footer templates using the responsive switches at the bottom of the widget menu:

This will give you an idea of how the new header or footer element will appear on tablets and smartphones. If you want to edit any element for a specific device screen size, look for the icon next to the element:

Conclusion:

With the Elementor Header and Footer Builder plugin, you can choose specific locations to display these layouts, including the homepage, blog archive pages, or the entire site. Activating and configuring the plugin is easy, simply install and activate the plugin in your WordPress dashboard, then create and set the template's location and user roles as needed!