Hello @hansbaars,

First of all thank you very much for using the pro theme.

Here the header image is used as the background image so the header section will adjust its height according to the image height.

So whatever size you want for the header, upload the image of that size.

Hope this helps.

Let us know if you have any confusion further.

Thank you.

Best Regards!!

Hello @hansbaars,

Can you provide your site URL so that we can provide the precise fix on this?

Thank you.

Best Regards!!

Hello @hansbaars,

Please upload the image of height less the 490px if you want to decrease the height of the header image.

As we have already mentioned that header image is used as the background image so the image with smaller height will fix the issue.

Hope this helps.

Best Regards!!

Hello @hansbaars,

When we inspected your site URL we found that the image size that you have uploaded is 1920X699px. So the height of the slider is not reduced.

So please upload the image of height less than 450px to reduce the height of the slider.

Additionally. while uploading the image in the header you will even get the option to crop the image.

Also, you can see in below screenshot that the height has decreased when the image of lower height is used.

http://prntscr.com/jjcr83

Hope this helps.

Best Regards!!

Hello @hansbaars,

First of all our sincere apology for the delay in replying to you.

When we inspected your site URL we found that you have decreased the header image size.

So we hope your issue is resolved now.

If you have any issue further then please let us know.

Thank you.

Hello @hansbaars,

Since reducing the image size is not working for you, we have provided the custom CSS that reduces the div size.

For this add below given CSS.

.custom-header-wrap {
    overflow: hidden;
    padding-bottom: 300px;
}
.custom-header-wrap img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.custom-header-enabled .site-branding-wrapper {
    bottom: 10%;
}

Hope this helps.

Best Regards!!