Use Header on Main page only

I need CSS to turn off the header on inner pages and only leave it on the main page.

Love the theme!

Hey there

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*remove header on home page */
.home .custom-header {
    display: none;
}

Best Regards,
Support

This doesn’t seem to do anything. Have it in Addtional CSS now.

Site is rachel.creativesoulonline.com

Is there a change I could make in the Stylesheet?

Hello there,

Please remove the previous CSS code and add this set instead:

/*Remove header from paged*/
.page .site-branding {
    display: none;
}

Any new CSS needs to be added in the Additional CSS section, typically we do not want to make changes to the style.css file. Also, if this code does not work them please provide an image indicating the element on the page you want to have removed.

Best Regards,
Support