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:
- You can do this using a conditional statement within a function which includes the remove action.
- Or you can use the Simple Hooks plugin and place the code in the genesis_header hook field
- 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.
- Or you can use custom body classes to remove your header on specific url’s using CSS
Remove Header Using PHP Code
PHP code should be pasted at the end of your child themes functions.php file.
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;
}
Was This Tutorial Helpful?