I have a transparent header on my site which shows that there is some blank space above the full width background image. How do I fix this the image takes up this entire space instead and allows the header color to look the same? See the attached image which describes what I'm talking about.

Thank you,

John

It\'s only affecting your front page, to me it looks like it\'s from the background image....

So you think making the background image larger would resolve the issue?

Is there CSS I could use to make the image work as is on the homepage?

It is happening on other pages...

When using developer tools, I can change this code to:

<div id=\"header-space\" data-header-mobile-fixed=\"1\" style=\"height: 80px;\"></div>

to this: <div id=\"header-space\" data-header-mobile-fixed=\"1\" style=\"height: 100px;\"></div>

And it expands a black background in the header that lays behind the transparent header. I would like to turn this white...just not sure where to do it.