Make front page background static

Hi,

You can disable the header slider from: Customize > Header area > header type > front page header type > then choose “Image”

My mistake not to make this clear. I want my front page to have a full page background without sliders. When I changed the header type to “image” and its height, all the pages have the same header. I don’t want the sub pages to have the full size background.

so basically, I want to keep the sub pages to have header type image as is, but the front page have the full page static background image.

Thanks.

I see, then you can try these CSS code below:

body.home .header-image{
  height: 100vh;
}

And if you want to adjust the overlay color, use this:

body.home .header-image .overlay {
    opacity: 0.3;
}