A user is trying to align social media icons in the announcement bar to the left, matching the position where the ‘SHOP’ menu item starts in the header below on their Shopify Dawn theme store.
Proposed Solution:
base.css file (or wherever custom CSS is located).page-width.utility-bar__grid.utility-bar__grid--3-col and removes left padding using padding-left: unset !importantStatus:
Hey guys, does anyone know how I can align my announcement bar social media icons to the left where my main menu header ‘SHOP’ starts below? It might be a simple fix but all the code I have tried so far doesn’t work.
Thanks in advance for any help given!
Store URL - 8lemonpips.com
Current Store Password - eyacau
Hi @emilyaugstudios Thanks for the URL. Please add this code where you should have added your previous custom CSS code( I think it’s base.css).
.page-width.utility-bar__grid.utility-bar__grid--3-col {
padding-left: unset !important;
}
Result:
Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!
Best Regards
Sahil
