How to hide the header on blog posts only?

[tadejko12]

How would one hide the header on blog post, while keeping it on the blog page?

Been stuck on this for a while now, and would really appriciate help from a genious right now...

[Adam7]

Thanks for your post, @tadejko12. 

The only way I think you can do this is to use an embed code element to add some CSS styling just to that specific blog post, and in that CSS use some rules to hide the header.

[tadejko12]

Thanks @Adam,

Steered me in the right direction.

Won't mind adding an element to each blog post, since I've been stuck on this for the past 6 months for my news website lol..

Just need to get this code right.. any thoughts?

01 02 03

header#main-header { visibility:hidden; }

[Adam7]

Hi, @tadejko12.

Did you copy that out of the CSS of your theme (I assume so because of the numbers in the beginning).

That should work, depending on the HTML of the page. If you're putting it in an embed code element then you'll want to wrap it in style tags, like this:

<style>
header#main-header {visibility:hidden;} 
</style>

[ktmhocks37]

I am looking for the same thing. How do I remove the Blog Header wiht the Title from ALL blog post pages so that its just the navigation, then the blog post title as the H1 title tag.  I hate how the Blog header with its H1 is on every single blog post.