How can I reduce the height of a dawn header?

Store Design
1

Hi, anyone knows a solution?

2

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

3

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.

4

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.

5

It’s glamgirl.eu
password: sohfro

6

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.

7

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