How can I decrease the header height on mobile view?

[Booshy]

Hi everyone

hope you might be able to help me again with another quick question, I have tried some previous solutions but can’t seem to get it to work.

When on mobile, my header has a bit too much white space top & bottom making it a bit big. 

Could you advise how I could take off about 50% of this away from the top & bottom please?

site - www.allthekids.co.uk

password - folieb

 

[Zworthkey · Accepted solution]

hii, @Booshy 
Paste this code on top of the theme-index-min.css file.

@media only screen and (max-width: 768px) {
.header-logo-wrapper {
    height: 108px !important;
    margin-top: -25px !important;
}
.sticky-mobile-header.d-lg-none {
    height: 100px !important;
    margin-top: -33px !important;
}
}

Thank You.

[Booshy]

Perfect, thank you 🙂

[Randy_Carson]

Has this filename changed since you posted this solution? I cannot find theme-index-min.css

Thanks.