How to make dawn header height smaller on mobile

Store Design
1

Hello, is there a solution to this?

glamgirl.eu
Pass: sohfro

2

In situations like this first try to remove the excess height from images when the logo has a lot of transparent height.

Otherwise you need to adjust the css.

Always backup themes and files when making code changes

Look for the following CSS style in your dawn themes base.css file as they seem to have been added custom:

@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: 43px!important;
    }
}
3

Okay, I tried to change images. Doesn’t work. What should I do with the code?

4

Hi, can you share your store link?

5

glamgirl.eu
Pass: sohfro

6

hello @Jeffhardy

please Go to Online Store->Theme->Edit code then go to assets/base.css ->paste below code at the bottom of the file.

@media screen and (max-width: 759px){
.header__heading-link.link.link--text.focus-inset{
        padding: 0px !important;
}
.header {
    padding: 0px 12px !important;
}
}
4 Likes