How to adjust the Dawn theme header size for mobile view?

Store Design
, ,
1

Hello! How do I adjust the header size for the mobile view of dawn theme? I was able to do it for the desktop view but not for mobile

2

@terragems ,

Can you share the link of your store?

3

Hi @terragems ,

You want to increase or decrease the height of the header?

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

@media screen and (max-width: 989px) {
.header {
        min-height: 100px !important;
  }
}

Hope it helps!

4

Hi @terragems ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.scss->paste below code at the bottom of the file:

@media screen and (max-width: 749px) {
.header {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
}
}

I hope it would help you
Best regards,

Richard | PageFly

5

This is non-existent → /theme.scss

6

This only applies to desktop. The mobile view is the same

7

Hi @terragems ,

I’m sorry to hear that. Is file: base.css.

If it doesn’t work for you then you can share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

8

Hi @terragems ,

Have you tried my solution? Go to base.css file