Remove Genesis Site Header Using PHP or CSS Code

This code removes both the site header and header markup in any Genesis child theme.

If you paste this code into your functions file, it will remove your header from every page.

Otherwise you can paste the code into any template file like a page_landing.php file and it will only remove the header from landing pages using that template.

Remove Genesis Header Using Plugin

Another way to remove your header is to use the Genesis Simple Hooks plugin.

You can simply unhook your header. This won’t remove the header widget, title or description, only the header.

Other options are to remove some or all of the header elements based on specific conditions.

There’s at least 4 ways to do this:

1. You can do this using a conditional statement within a function which includes the remove action.
2. Or you can use the Simple Hooks plugin and place the code in the genesis_header hook field
3. Or create a custom body class using a permalink slug or i.d and remove a header from a category or tag page using CSS.
4. Or you can use custom body classes to remove your header on specific url’s using CSS

Remove Header Using PHP Code

Remove Header On All Single Posts Genesis

Remove Header Exclude Home Page Genesis

Remove Header Specific Page

Remove Header & Markup Home Page

Remove Genesis Header Using CSS

Paste this code into your child themes style.css file.

It will remove your header from your entire site so your nav menu moves to the top of the screen.

.site-header {
     display: none;
}