How to reduce spacing in header image?

[mattdamod]

I’m struggling to upload an image that conforms to the height of the header banner. I don’t seem to be able to get rid of the spacing above and below. Any ideas?

Can be viewed at https://thehubb.stonewater.org/

[dax (Daniela)]

Try:

.d-header {
    height: 60px;
    padding-top: 0px;
}
.d-header .contents {
    margin: 0px 0px;
}

For your custom Help button:

.sw-topbar .sw-button {
    bottom: -46px;
}

[mattdamod]

@dax

.d-header {
height: 60px;
padding-top: 0px;
}
.d-header .contents {
margin: 0px 0px;
}

That’s great @dax Thank you! I have tried this, it works great, however, the space at the bottom is still there, have tried

padding-bottom: 0px; 

however it has no effect.

[dax (Daniela)]

Try adding !important to height: 60;:

.d-header {
    height: 60px !important;
    padding-top: 0px;
}

[mattdamod]

@dax

height: 60px !important;

BOOM!

Thanks @dax