How To Readjust Header Height? Kingdom Theme

[MerrittWatson]

Is there any way to adjust the height of the header. Im using the Kingdom theme.

I have a "Featured Collection" at the top of my home page but it sits quite well below the top of the page, with a significant gap. Is there any way to minimise this gap?

www.chocblocs.co.nz

Password: P@ssw0rd!

Before

What i am aiming for:

Anyone have a fix?

[oscprofessional]

@MerrittWatson ,

Welcome to the Shopify Community! Please share your store URL, so that I can check your issue and will back to you with a proper solution. Have a Good Day!....

[MerrittWatson]

www.chocblocs.co.nz

Password: P@ssw0rd!

[MerrittWatson]

www.chocblocs.co.nz

Password: P@ssw0rd!

[Mr_RaviRaj · Accepted solution]

@MerrittWatson 
Welcome to Shopify Community.
Kindly Add this code in the bottom of the theme.css or base.css file.

.without-gutter+.with-gutter:not(.has-inner-padding), #page-content .with-gutter:first-child, .has-inner-padding+.with-gutter {
    margin-top: 0px !important;
}

Thank you

[oscprofessional · Accepted solution]

@MerrittWatson ,

.without-gutter+.with-gutter:not(.has-inner-padding), #page-content .with-gutter:first-child, .has-inner-padding+.with-gutter {
    margin-top: 0;
}.featured-collection__header.rte {
    margin: 0;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

[MerrittWatson]

You guys are amazing, thank you!