[Resolved] Header not disappearing on pages

[Dustin]

Hi, my header is gone on the home page which is what I want. Each page other than that has the header. How do I remove the header on the other pages?

[Dustin]

members.masterpassiveincome.com

[Leo]

Hi there,

Not sure what you mean?

You have this CSS added:

.inside-header.grid-container.grid-parent {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #efefef;
}

[Dustin]

This and every other page has the gray bar header: http://members.masterpassiveincome.com/available-courses/

The home page does not.

How do I get rid of the header on ALL other pages.

[Dustin]

I didn’t add the code myself. Should I find it and delete it?

[Leo]

Looks like it’s in the Additional CSS field: https://docs.generatepress.com/article/adding-css/#additional-css

[Dustin]

How do I remove that?
I even disabled all plug-ins to see if anything else was causing it. Still see the header.

Please explain how to remove it. Not point me to what an Additional CSS field is. That is of no help to me.

[Leo]

It looks like it’s added in the Additional CSS field which is why I pointed you there.

Did you check?

[Dustin]

Yes it was there. I deleted it and the header is still there. What next?

Here is the code:

/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

/* Hide header on Home page */

.home .inside-header.grid-container.grid-parent {
display: none;
}

/* line-up arrows in course nav widget */

.learndash_navigation_lesson_topics_list .list_arrow.collapse {
background-position: 50%;
} 

/* Add spacing below the Take this course button */

h4#learndash_course_content_title {
margin-top: 20px;
}

/* Change color of Mark Complete button */

input#learndash_mark_complete_button {
background-color: #00a2e8;
}

[Dustin]

This is the original CSS

/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

/* Hide header on Home page */

.home .inside-header.grid-container.grid-parent {
display: none;
}

/* remove top and bottom padding from header and change background color*/

.inside-header.grid-container.grid-parent {
padding-top: 20px;
padding-bottom: 20px;
background-color: #efefef;
}

/* line-up arrows in course nav widget */

.learndash_navigation_lesson_topics_list .list_arrow.collapse {
background-position: 50%;
} 

/* Add spacing below the Take this course button */

h4#learndash_course_content_title {
margin-top: 20px;
}

/* Change color of Mark Complete button */

input#learndash_mark_complete_button {
background-color: #00a2e8;
}

[Dustin]

I think I got it.
Found the hide home page header code.
Added “page” as another place to hide the header.

/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

/* Hide header on Home page */

.home .inside-header.grid-container.grid-parent {
display: none;
}

/* Hide header on Home page */

.page .inside-header.grid-container.grid-parent {
display: none;
}

/* line-up arrows in course nav widget */

.learndash_navigation_lesson_topics_list .list_arrow.collapse {
background-position: 50%;
} 

/* Add spacing below the Take this course button */

h4#learndash_course_content_title {
margin-top: 20px;
}

/* Change color of Mark Complete button */

input#learndash_mark_complete_button {
background-color: #00a2e8;
}

[Leo]

Make sure the values are all 0 here: https://docs.generatepress.com/article/header-padding/

[Dustin]

Perfect. Thanks Leo!

[Leo]

No problem!

[Author]

Posts