Reduce Header Height on Casper Theme

Hey guys,

Can anyone help me reduce the header size on the Casper theme home page?

I’d like it to be a thin black bar. Exactly the same height as on all the post pages.

Thanks,
Tobe

Hey @Tobetanium :wave:

You can remove the large header from the home page, which will cause the header to collapse to a consistent size, by either editing the theme templates or by adding some CSS via the site code injection.

Editing the theme mean removing this section in the index.hbs template:

To hide it with CSS you can add this to your site head code injection area in Ghost admin:

<style> header.site-header-content { display: none; } </style>

Hope this helps! :blush:

1 Like

Awesome, thanks so much, David :sunglasses:

1 Like