Mobile header margin problem in Dawn theme

[Levike98]

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? 

[suyash1]

@Levike98 - can you please share your website link?

[Levike98]

https://04qfpa-gq.myshopify.com/

[suyash1]

@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;}
}

[Levike98]

Still the same 😕 Its so annoying, cuz the margin is fine in the web view.

[suyash1 · 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]

Thanks! worked 🙂