Shopify themes, liquid, logos, and UX
Hello,
Any way I can make more room in Dawn theme Mobile header to make the logo appear bigger,
I already increased the width of logo to the max with a different code. I would like to decrease the space between the cart and search icon, also move menu hambuger to the left more and if possible make the announcement bar thinner. Thank you.
Lovedandlavished.com
pw test123
Solved! Go to the solution
This is an accepted solution.
Hi @Lavished
Try this one.
<style>
@media only screen and (max-width: 749px){
.header__icon--cart {
margin-right: 0 !important;
}
.header__icons {
margin-right: -1.2rem !important;
}
header.header {
padding-left: 6px;
padding-right: 6px;
}
.header__search {
margin-right: -1.4rem;
}
}
</style>
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
This is an accepted solution.
Hi @Lavished
Try this one.
<style>
@media only screen and (max-width: 749px){
.header__icon--cart {
margin-right: 0 !important;
}
.header__icons {
margin-right: -1.2rem !important;
}
header.header {
padding-left: 6px;
padding-right: 6px;
}
.header__search {
margin-right: -1.4rem;
}
}
</style>
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
Hi @Lavished
@media screen and (max-width: 768px){
header.header {
padding-left: 10px !important;
}
summary.header__icon.header__icon--search > span {
width: fit-content !important;
}
summary.header__icon.header__icon--search > span > span.svg-wrapper:nth-child(1) {
width: unset !important;
}
summary.header__icon.header__icon--search {
width: fit-content !important;
}
}
I hope this helps
Best,
Daisy
Welcome! Would you mind hitting 'like' as well? Thanks!
I didn't realized it caused a problem , or maybe something else did it, but now my mobile page toggles from side to side, right to left vice versa. 😞
when I deleted the code the problem went away once I added it again the problem returned,- thank you.
Learn what's possible with customizing Shopify Checkout beyond what's available out of...
By Shopify Feb 19, 20252m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025