Announcement Bar Social Media Icons Alignment Dawn Theme

Topic summary

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:

  • Add CSS code to the base.css file (or wherever custom CSS is located)
  • The code targets .page-width.utility-bar__grid.utility-bar__grid--3-col and removes left padding using padding-left: unset !important

Status:

  • A solution has been provided with accompanying screenshot showing the expected result
  • The original poster has not yet confirmed whether the fix worked
  • Discussion remains open pending confirmation
Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.

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