Elementor: How to Remove Header

The header is the section at the top of the website. Usually, it contains a few pieces of important information. For example, it might contain your logo, contact details, social media links, email subscription details, and perhaps an offer or two.

The menu might also be included within the header, though this is not always the case.

The header is fixed on all pages and is there to act as a continuity of the website. However, it is not always the best case. Sometimes the header is in the way of the progress of the website.

There are numerous reasons why you might want to remove the header on website pages. For example, you might want to have all the content on the page displayed on the screen. This is especially true if you have a very niche landing page.

You might want to create a page where you want the audience to not move to social media or another page. Removing distractions from the page can increase the click-through rate, improving conversions and generating more revenue.

One spot where the header could be removed with ease is the checkout and cart page. A header on these pages can lead to more cart abandonment.

Another reason is that some people think that the header is where the vulnerabilities in the website are. If you don’t have the header, hackers will find it more challenging to find access to your website. As 50% of small businesses will be targeted (though not all are successful) by digital criminals, it might be a good idea to remove the header.

If you would like to take the header away from any Elementor page, there are a few options for you to do it. The easiest, and therefore the most recommended to those who aren’t trained developers, is to use the Elementor header editor.

Once you’ve opened the header editor, you should select the header you want to remove, then you can click on the ‘Remove’ button. It is simple and easy.

Another option is to remove the header via the Elementor header templates. To do this, open the header template editor. Then select the header you want to remove. Click on the button that reads ‘Remove’.

Another option inside the page that you would like to remove the editor on can be done by selecting the header Elementor when editing the page (using Elementor) and then clicking on the ‘Remove’ button.