[Resolved] Header not disappearing on pages

Home Forums Support [Resolved] Header not disappearing on pages

Home Forums Support Header not disappearing on pages

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #396181
    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?

    #396182
    Dustin

    members.masterpassiveincome.com

    #396207
    Leo
    Staff
    Customer Support

    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;
    }
    #396208
    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.

    #396209
    Dustin

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

    #396239
    Leo
    Staff
    Customer Support

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

    #396243
    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.

    #396261
    Leo
    Staff
    Customer Support

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

    Did you check?

    #396262
    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;
    }
    #396264
    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;
    }
    #396266
    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;
    }
    #396267
    Leo
    Staff
    Customer Support

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

    #397636
    Dustin

    Perfect. Thanks Leo!

    #398134
    Leo
    Staff
    Customer Support

    No problem!

Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.