Shopify themes, liquid, logos, and UX
Hey everyone,
I could really use some help with a few adjustments on my store, rappid.run. Here’s what I’m trying to do:
1.Merge the three lines of my logo by closing the gaps and shift the logo slightly to the left.
2.Move the cart symbol to the right for better alignment.
3.Close the gap at the top between the header and the start of the page.
4.Also, close the gap between the header and the collection section.
I’ve attached a screenshot for reference (see below). Any advice on how to tackle these issues, whether in CSS or otherwise, would be greatly appreciated. Thanks in advance for your help!
Best,
Kim
Please give us the store URL then we will able to help you
rappid.run - thank you!
If this solution is work for you then please like and accepted the solution.
Please add the below code in theme.liquid above </body>
<style>
@media only screen and (max-width: 600px) {
.header {
padding: 0 !important;
}
.header__icons{
padding-right: 0!important;
}
.header__icon {
height: 5.4rem!important;
}
.header__icon span {
max-width: 65px!important;
}
.menu-drawer-container {
display: flex;
max-width: 50px!important;
padding-left: 20px!important;
}
.header__icon span{
max-width: 35px!important;
}
}
</style>
Result:
Thank you!
Wow thank you! now the products are a bit too far on the left can I move them back slightly?
2m 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, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025