Shopify themes, liquid, logos, and UX
I want to make the Header part smaller in Dawn 2.0 theme. For Web-Mobile. Which code should I edit? thank you!
Solved! Go to the solution
This is an accepted solution.
@david1193 - try this
@media screen and (min-width:750px){
.header {
padding-top: 1rem; padding-bottom: 1rem;
}
}
@david1193 - it needs css, can you please share your website link?
The standard Dawn 2.0 theme is installed. There is nothing on the site. Sorry I haven't had time to make changes yet.
@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
pass: queodo
@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;
}
Does it work in web and mobile versions? I want it to appear the same size on both
@david1193 - it will work for both
didn't work on mobile version
This is an accepted solution.
@david1193 - try this
@media screen and (min-width:750px){
.header {
padding-top: 1rem; padding-bottom: 1rem;
}
}
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?
@david1193 - actually it is standard hamburger menu 3 lines, not possible to edit it
can i add another icon? suyash
@david1193 - yes, create icon you want in svg format and we can use that
pass: queodo
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024