CSS Hide Header (not working in Production)

it might be because some of the pages in sandbox have been updated. Please be careful when hiding the page headers as you may also hide some critical action buttons on some of the newer screens like the Content Center, creator tool, etc. we’ve had to remove it because of these issues. Or perhaps you need to be specific about which pages you apply CSS to instead of applying it broadly; especially for admin pages.

check the

#doc-page-24

 ID applies to the page you are modifying.

This code worked for us: 
main:has(#doc-page-18) #doc-layout-title-bar {display: none;}

Following up on the comment above (@lrnlab) about limiting the hiding of the header to the home page only so that we don’t miss out on functionality that may be in that bar:

We use the following CSS to hide the header:

/** Hide the Header Bar **/

#doc-layout-title-bar {

    display: none;

}

How would we adjust this CSS to only apply to the home page?

Thank you!

Specifically, this is the header I’m trying to hide: