How to reduce spacing in header image?

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/

screenshot

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;
}
4 Likes

That’s great @Dax :slight_smile: 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.

Try adding !important to height: 60;:

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

BOOM!

Thanks @Dax :slight_smile:

1 Like