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
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024