How to make dawn header height smaller

[Jeffhardy]

Hi, anyone knows a solution?

[suyash1]

@Jeffhardy- can you please share site link? we will need custom css for it

[Zworthkey]

Hii, @Jeffhardy 
Paste this code on top of the base.css file.

@media screen and (min-width: 990px){
sticky-header.header-wrapper.color-background-2.gradient.header-wrapper--border-bottom {
    height: 55px !important;
}
header.header.header--middle-left.page-width.header--has-menu {
    position: relative !important;
    top: -20px !important;
}
}

Thank You.

[Kinjaldavra]

hello @Jeffhardy 

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

[Jeffhardy]

It's glamgirl.eu
password: sohfro

[Zworthkey]

hii, @Jeffhardy 
Paste this code on top of the base.css file.

@media only screen and (min-width: 992px) {
header.header.header--middle-left.page-width.header--has-menu {
    position: relative !important;
    top: -30px !important;
}
sticky-header.header-wrapper.color-background-1.gradient.header-wrapper--border-bottom {
    height: 70px !important;
}
}

Thank You.

[Jeffhardy]

It works on desktop, but I need mobile view too somehow. Thank you!