Disabling the head banner in Casper

Hi everyone,

Is there a way to disable the header background image displayed on top of the Casper theme?

Thanks for your help.

I’ve managed to disable it by adding the following line in code injection.

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

However the header is now overlapping the content (on the home page only).

See here

Any idea how to fix this?

Try adding this into your code injection:

.home-template article:first-of-type {
  margin-top: 60px;
}
@media (min-width: 625px) and (max-width: 794px) {
  .home-template article:nth-of-type(2) {
    margin-top: 60px;
  }
}

It works! Thanks a lot.