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

[david1193]

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

[suyash1]

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

[david1193]

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

[suyash1]

@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.

[david1193]

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

[suyash1]

@david1193 - yes

[david1193]

pass: queodo

[david1193]

pass: queodo

[suyash1]

@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;
}

[david1193]

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

[suyash1]

@david1193 - it will work for both

[david1193]

didn't work on mobile version

[suyash1 · Accepted solution]

@david1193 - try this 

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

[david1193]

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?

[suyash1]

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

[david1193]

can i add another icon? suyash

[suyash1]

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

[david1193]

pass: queodo