Left align footer social media icons in DAWN THEME

Store Design
,

Topic summary

A user needs to left-align social media icons in the footer of Shopify’s Dawn theme, which are currently center-aligned.

Solutions Provided:

  • Two community members offered similar CSS-based fixes
  • Both solutions involve adding custom CSS code to the theme.liquid file before the </body> tag
  • The code uses justify-content: flex-start to achieve left alignment

Current Status:

  • The initial solution successfully left-aligned the icons
  • However, a new issue emerged: the icons are now misaligned with the info text above them
  • A follow-up suggestion recommends adjusting the width to either 99.5% or 100% to fix the alignment issue

Discussion remains open as the user awaits confirmation on whether the width adjustment resolves the alignment problem.

Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.
1

i need to Left align footer social media icons in DAWN THEME

they are currently at the center

Thecozyliving_0-1725964948077.png
Thecozyliving_0-1725964948077.png1053×250 3.82 KB

2

Hello @Thecozyliving

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.footer-block--newsletter.scroll-trigger.animate--slide-in { justify-content: flex-start !important; }

Tech_Coding_0-1725965299235.png
Tech_Coding_0-1725965299235.png1335×259 9.78 KB

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

3

Hey @Thecozyliving

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1725965502172.png
Moeed_0-1725965502172.png1785×430 16.7 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

4

This worked but its not aligned with the info text above it how can i align it

Screenshot 2024-09-10 135444 copye.jpg
Screenshot 2024-09-10 135444 copye.jpg340×266 6.39 KB

5

Try adjusting the width either to 99.5% or 100% according to however you like then it should be good.

Best Regards,

Moeed