How to Remove the Header and Footer in WordPress Pages

Have you ever wished to remove the header and footer from your WordPress website’s certain pages? If yes, then this perplexing and bursty article is just for you.

The Header in WordPress

The header in WordPress refers to the top section of your website that appears on every page. It generally includes your website’s logo, navigation menu and other crucial elements like contact details or a search bar.

The Footer in WordPress

The footer in WordPress, on the other hand, is the bottom section of your website that appears on every page. It typically contains copyright information, links to social media and other critical elements like a newsletter signup form, an address or a phone number.

Why Remove the Header and Footer from Certain Pages?

Removing the header and footer from certain pages can help in creating a customised user experience for your visitors. For instance, you might want to remove the header and footer on a landing page to eliminate distractions and focus their attention on the offer. Also, you might want to remove the footer from a checkout page to prevent distractions that could lead to cart abandonment.

How to Remove the Header and Footer in WordPress Pages: Step-by-Step Guide

There are two ways to remove the header and footer in WordPress pages: using a plugin or editing your page template manually.

Option 1: Remove Header and Footer using a Plugin

The easiest and quickest way to remove the header and footer in WordPress pages is by using a plugin. There are many free and premium plugins available in the WordPress plugin repository that can help you achieve this task.

In this case, we will use the free plugin “Remove Footer Credit,” which allows you to remove or replace the footer credit text without modifying any code in your theme files.

Here’s how to use the “Remove Footer Credit” plugin to remove the header and footer in WordPress pages:

1. Install and activate the “Remove Footer Credit” plugin from the WordPress plugin repository.
2. Go to “Appearance” from the WordPress sidebar menu and click “Customize.”
3. From the “Customizer,” click “Additional CSS.”
4. Insert the following code to remove the header and footer on your page:

.site-header { display: none; }
.site-footer { display: none; }

5. Click “Publish” to save the changes.

Congratulations! The header and footer have been removed from your WordPress page.

Option 2: Remove Header and Footer by Editing the Page Template Manually

If you’re comfortable working with code, you can also remove the header and footer by editing your page template. However, make sure to create a child theme before you proceed.

Here’s how to remove the header and footer in WordPress pages manually:

1. Login to your WordPress admin dashboard and go to “Appearance->Editor.”
2. Choose the page template you want to edit from the “Templates” dropdown menu.
3. Find the following code in your template file:

<?php get_header(); ?>



<?php get_footer(); ?>

4. Comment out or delete the code for the header and footer, like this:

<?php /* get_header(); */ ?>



<?php /* get_footer(); */ ?>

5. Click “Update File” to save the changes.

Voila! You have successfully removed the header and footer in your WordPress page.

Final Thoughts

Removing the header and footer from a WordPress page can help you create a customized user experience for your visitors, and it’s easy to do both with a plugin or by editing your page template manually.

Remember that whenever you make changes to your website’s code, you should always create a backup and use a child theme to avoid any conflicts or issues.

We hope this guide helps you to remove the header and footer in WordPress pages. If you have any questions or suggestions, please leave a comment below.