Solved

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

david1193
Tourist
11 0 1

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

Accepted Solution (1)
suyash1
Shopify Partner
9077 1129 1479

This is an accepted solution.

@david1193 - try this 

@media screen and (min-width:750px){
.header {
    padding-top: 1rem;    padding-bottom: 1rem;
}
}
To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI

View solution in original post

Replies 16 (16)

suyash1
Shopify Partner
9077 1129 1479

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

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
david1193
Tourist
11 0 1

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
Shopify Partner
9077 1129 1479

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

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
david1193
Tourist
11 0 1

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

suyash1
Shopify Partner
9077 1129 1479

@david1193 - yes

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
david1193
Tourist
11 0 1

pass: queodo

suyash1
Shopify Partner
9077 1129 1479

@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;
}
To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
david1193
Tourist
11 0 1

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

suyash1
Shopify Partner
9077 1129 1479

@david1193 - it will work for both

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
david1193
Tourist
11 0 1

didn't work on mobile version

suyash1
Shopify Partner
9077 1129 1479

This is an accepted solution.

@david1193 - try this 

@media screen and (min-width:750px){
.header {
    padding-top: 1rem;    padding-bottom: 1rem;
}
}
To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
david1193
Tourist
11 0 1

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
Shopify Partner
9077 1129 1479

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

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
david1193
Tourist
11 0 1

can i add another icon? suyash

suyash1
Shopify Partner
9077 1129 1479

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

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
david1193
Tourist
11 0 1

pass: queodo