How to Disable Header in GeneratePress

To Disable Header  in GeneratePress Theme, just follow these steps

If you use GeneratePress & GP Premium

Step 1. Edit Post (or Page) you want to disable Title

disable-page-post-title1-min

Step 2. Scroll down and click on Disable Elements > Check on Header > Publish (or Update)

disable-header-gp-premium1-min

I use WordPress 5.0 so the Post is slightly different from the previous version of WordPress.

disable-page-post-title3-min

If you don’t see Layout Section. Just click on “three dots” > Options

disable-page-post-title4-min

Then check on Layout

disable-page-post-title5-min

WordPress will automatically reload the page and save the settings!

If you only use GeneratePress Theme

Disable Header in Entire Site

Step 1. Appearance > Customize

appearance-customize1-min

Step 2. Click on Additional CSS

remove-copyright-bar-generatepress-theme1

Step 3. Paste this code in to Additional CSS > Publish

header#masthead {
display: none;
}

disable-header-generatepress-css1-min

Disable Header on WordPress Page

Just paste this code into Additional CSS

.page header#masthead {
display: none;
}

disable-header-on-wp-post-css1-min

Disable Header on WordPress Post

Just insert this code into Additional CSS

.single-post header#masthead {
display: none;
}

disable-header-on-wp-post-css2-min

Disable Header on Specific Page

Step 1. Edit Page You want to Disable Header

You will see number “2”. This is Page ID.

disable-header-on-specific-page1-min

Step 2. Insert this code into Additional CSS

.page-id-x header#masthead {
display: none;
}

x is Page ID.

Here is 2, eg:

.page-id-2 header#masthead {
display: none;
}

disable-header-on-specific-page2-min

Disable Header on Specific Post

Step 1. Edit Post You want to Disable Header

You will see number “17”. This is Post ID.

disable-header-on-specific-post1-min

Step 2. Insert this code into Additional CSS

.postid-x header#masthead {
display: none;
}

x is Post ID.

Eg:

.postid-17 header#masthead {
display: none;
}

disable-header-on-specific-post2-min

Updating….

Disable Header on Category Page

Just insert this code into Additional CSS

.category header#masthead {
display: none;
}

disable-header-on-category-page1-min

Disable Header on Specific Category Page

Step 1. Edit Category You want to Disable Header

Here is Category ID and Category Taxonomy

disable-header-on-category-page2-min

Step 2. Insert this code into Additional CSS

.category-x header#masthead {
display: none;
}

X is Category ID

disable-header-on-category-page3-min

or
.category-taxonomy header#masthead {
display: none;
}

disable-header-on-category-page4-min

Disable Header on Post Tag

Just insert this code in to Additional CSS

.archive.tag #masthead {
display: none;
}

disable-header-on-post-tag2-min

Disable Header on Specific Post Tag

Step 1. Edit Tag You Want to Disable Header

Here is Tag ID

disable-header-on-post-tag1-min

Step 2. Insert this code into Additional CSS

.tag-x header#masthead {
display: none;
}

X is Tag ID

Eg:

.tag-4 header#masthead {
display: none;
}

disable-header-on-post-tag3-min

If you liked this article, then join BBHero & Friends Group to get Free Support 🙂

Share this post:

Leave a Comment