Shopify themes, liquid, logos, and UX
Hi, I left centered my logo, but on mobile view its not fully goes to the left like the "CART" icon on the right. And no, there isnt any white space on the logo. Is there anyone who can help solving this issue?
Solved! Go to the solution
This is an accepted solution.
@Levike98 add !important to it, so it becomes
@media screen and (max-width: 749px) {
.header{padding-left: 0 !important; padding-right: 10px !important;}
}
@Levike98 - can you please share your website link?
@Levike98 - please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css
adjust numbers as per the need
@media screen and (max-width: 749px) {
.header{padding-left: 0; padding-right: 10px;}
}
Still the same 😕 Its so annoying, cuz the margin is fine in the web view.
This is an accepted solution.
@Levike98 add !important to it, so it becomes
@media screen and (max-width: 749px) {
.header{padding-left: 0 !important; padding-right: 10px !important;}
}
Thanks! worked 🙂
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