Move social media icons in the footer

86 0 12

Hi guys, anybody know how I can move the social media icons in the footer to be underneath my logo on the left rather than being centered? Any help would be greatly appreciated!



Replies 5 (5)

Shopify Partner
414 84 79

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the section-footer.css file and change the 'center' to 'left'



Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!


If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee

Shopify Partner
1473 274 292

Hello @flammagreg 

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 </body> on theme.liquid
@media screen and (min-width: 750px) {
  .footer-block--newsletter {
     justify-content: left !important;


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

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID-

1079 197 215

This is Noah from PageFly - Shopify Page Builder App


Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </head>


   display: flex !important;
   justify-content: flex-start !important;


Hope my solution will help you resolve the issue.


Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7.

Shopify Partner
802 221 250

Hi @flammagreg ,

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

2. Sections/footer.liquid

3. Find code below

 {%- if section.settings.show_social and has_social_icons -%}
                        {%- render 'social-icons', class: 'footer__list-social' -%}
                       {%- endif -%}

4. Move code likes the screenshot below



Hope can help

If you find my reply helpful, please hit Like and Mark as Solution


Shopify Expert
1082 130 136



I am San from MS Web designer.


Go to Themes > Edit code > Theme.liquid > at the bottom place this code before </body>

.footer-block--newsletter {justify-content: left;}


Do let me know in case of any concerns.




If it’s helpful to you, please mark it as a solution.  

Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin