How to Edit Header and Footer with Elementor in WordPress

‍Headers and footers are two key elements of every layout. They help readers understand the editorial intent and essential information about an article, section, or page. When it comes to headers and footers in WordPress, you have a few options for customizing their Appearance and layout.

This tutorial will teach you how to edit header and footer with elementor by utilizing some of the most useful Elementor plugins for working with headers and footers. These plugins will make working with headers and footers much easier than before. Let’s get started!

Table of Contents

What are Header and Footer in WordPress?

The header and footer are components of each page or post in WordPress. They are designed primarily for navigation and can contain links to your other posts, archives, related articles, and more.

The header and footer are components that can create a consistent editorial look across your website. This includes navigation links at the top of each page and the ability to include links to related posts at the bottom of each page.

The header and footer can be created with the built-in WordPress page editor. However, these elements can be made easier with Elementor. Elementor is a popular page builder plugin that enables users to create stunning websites and blogs in seconds.

Elementor combines simplicity with advanced functionality to help you create an innovative site that leaves no room for confusion.

How To Edit Your WordPress Header in Elementor

This method is for those users that are using elementor pro if you are using a free version of elementor you can skip to the next heading where I made an elementor header using free resources.

Edit your header and footer easily by following these steps:

Go to WordPress Dashboard > Templates > ThemeBuilder
Click Add New Template and choose Header (or Footer)
Name your header template and click Create Header (or Footer)
You can now either choose a premade header template or create your own.
When you’ve finished editing the header (or footer) design, click publish, and then choose where to post the header (or footer). The header (or footer) is automatically published to the entire site.
That’s it! You can now see your handcrafted header (or footer) live on your site.

What do you need to create Elementor Header Footer for Free?

To create a header and footer in Elementor, you will need a WordPress site with a basic layout, theme, and content. You will also need to have Elementor installed. WordPress itself does not include header and footer editing functionality.

You must install a plugin to add this feature to your site. WordPress plugins are very useful for customizing content management, adding new functionality, and improving functionality on your site.

For editing and creating header and footer in free elementor, we will be sung another plugin named ElementsKit.This plugin enhances the functionality of free elementor pro and adds additional features given in pro versions.

Create Elementor Header or Elementor Footer with ElementsKit

Creating an elementor header and footer using the ElementsKit plugin is straightforward. But, first, you have to install the Elementkit plugin to be able to create the header and footer for the WordPress website.

Create Headers and Footers in WordPress

First, you have to install the ElementsKit plugin in wordpress. Then, go to your Plugins > Add New in the wordpress dashboard.

Search for ElementsKit Plugin in the search bar and install and activate it.

Now in your WordPress dashboard Side menu, you will see ElementsKit option Click on it and go to Header and Footer option.

Create Elementor Header or Elementor Footer with ElementsKit

It will take you to the header and footer builder page, where you can add a new header or footer by clicking on the Add New. Next, it will open a template settings window where you will assign a name to the header and visibility condition, for example, the entire site, singular page.

Here you will also assign whether it will be a footer or header in the condition tab, and save it.

You have successfully created your header or footer in wordpress

Customize Headers and Footers in WordPress

As we have created a header, to edit the header, we have to click on Edit with elementor button. It will open an elementor page where you will have 3 icons.

Click on the ElementsKit Icon, which will open an ElementsKit Library with different layouts and sections. Next, select the header from the library category, showing only the header.

Insert the header, and it will be inserted. Now, if you have already created a menu in your wordpress dashboard, then it will automatically be shown there, But if not, you can head back to your wordpress dashboard and create a menu for your website by navigating to Appearance > Menu, and once created head back to elementor header page and refresh it and your menu will be shown there.

What should I do for the Footer

All the steps will be the same for the footer, but instead of selecting the header on the template setting page, you have to select the footer. In ElementsKit Library, you will choose the footer in the category, showing the footer designs.

Congrats! You finally created a header and footer on your website.

Edit Header and Footer with Elementor

FAQ(How to Edit Header and Footer with Elementor in WordPress)

Why can’t I edit my header in Elementor?

You cannot change the header on your page with the free Elementor version. If you’re using our Pro version, you can contact elementor support; else, you can use free plugins to add support for adding header and footer in elementor.

Elementor header and footer Builder not working?

There is not enough memory available on the site because of the number of plugins installed. Therefore, it is recommended that you install at least 256MB of memory. However, if you have a lot of plugins installed on your end, it is suggested that you increase your memory to at least 512MB.

Users need to edit the wp-config.php file to increase the WordPress memory limit.
Add this to the top, before the line that says, “/* That’s all, stop editing! Happy publishing. */”:
define(‘WP_MEMORY_LIMIT’, ‘512M’);

Check the memory in the Elementor > System Info after making the changes.

Elementor header not showing?

Check if Elementor Canvas is enabled on your homepage settings. If your homepage settings are correct, ensure you’re seeing the Elementor Canvas page layout.

If you don’t see it, try disabling all your plugins other than Elementor and see if that helps. If it does, re-enable them one by one to find the problem.

Users need to edit the wp-config.php file to increase the WordPress memory limit.

Add this to the top, before the line that says, “/* That’s all, stop editing! Happy publishing. */”:

define(‘WP_MEMORY_LIMIT’, ‘512M’);