Dawn 2.0 theme header size web-mobile how can i change?

Store Design
1

I want to make the Header part smaller in Dawn 2.0 theme. For Web-Mobile. Which code should I edit? thank you!

2

@david1193 - it needs css, can you please share your website link?

3

The standard Dawn 2.0 theme is installed. There is nothing on the site. Sorry I haven’t had time to make changes yet.

4

@david1193 - ok, but header is active right? you can add dummy menu if you want and share preview link even if site is not live.

5

yes! https://test92992924.myshopify.com do i have to tell you the key?

6

pass: queodo

7

@david1193 - yes

8

pass: queodo

9

@david1193 - please add given css to the very end of base.css file and check, it will reduce some space

.header {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
1 Like
10

Does it work in web and mobile versions? I want it to appear the same size on both

11

@david1193 - it will work for both

1 Like
12

didn’t work on mobile version

13

@david1193 - try this

@media screen and (min-width:750px){
.header {
    padding-top: 1rem;    padding-bottom: 1rem;
}
}
1 Like
14

it worked! god bless you bro! Can you help with something else? In the mobile version, the icon that opens the menu category on the left is 3-line, can I make it 2-line? So can I make the icon 2-line?

15

@david1193 - actually it is standard hamburger menu 3 lines, not possible to edit it

16

can i add another icon? suyash

17

@david1193 - yes, create icon you want in svg format and we can use that