Move social media icons in the footer

flammagreg
Explorer
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!

 

Website: fhuzeo.com

Replies 5 (5)

AnneLuo
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'

 

AnneLuo_0-1714966467377.png

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

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

techlyser_web_0-1714968658868.png

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- info@techlyser.com

PageFly-Noah
Astronaut
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>

 

<style>
.footer-block--newsletter{
   display: flex !important;
   justify-content: flex-start !important;
}
</style>

 

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.

EBOOST
Shopify Partner
802 221 250

Hi @flammagreg ,

May I suggest to update code these steps:

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

EBOOST_1-1672356985580.png
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

EBOOST_0-1714985238722.png

 

Hope can help


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


https://www.eboosttech.net


EBOOST

SAN_MSWEB
Shopify Expert
1082 130 136

Hello,

 

I am San from MS Web designer.

 

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

<style>
.footer-block--newsletter {justify-content: left;}
</style>

 

Do let me know in case of any concerns.

 

Regards,

San

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


Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin