The Socials Icons And The Payment Icons Are Not In The Same Line

Store Design
, ,

Topic summary

A user is experiencing alignment issues between social media icons and payment icons in their Shopify store’s footer section. Initial attempts to modify section.footer.css were unsuccessful.

Solution provided:

  • Access the theme’s theme.liquid file via Online Store > Edit Code
  • Insert custom CSS code above the </body> tag to align the icons

Follow-up adjustment:
When the user requested to move social icons to the left, updated CSS code was provided to achieve the desired layout.

The solution involves custom CSS styling rather than modifying the footer section file directly. Screenshots were shared showing the before and after results of the alignment fix.

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

Hello, i am trying to aline the socials icons and payment icons (footer Section):

i tried to modify the section.footer.css but it didn’t work.

URL: secretsbyglammy.com

password : bawtuy

Secrets By Glammy - Google Chrome 04_01_2024 10_06_09 (1).png
Secrets By Glammy - Google Chrome 04_01_2024 10_06_09 (1).png400×213 21.8 KB

2

Hey @Brilant

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-1704535686867.png
Moeed_0-1704535686867.png1626×549 25.5 KB

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

Best Regards,
Moeed

1 Like
3

If I wanted to move the social icons to the left?

4

Hey @Brilant

Remove the previous code and add this new code with the same steps

RESULT:

Moeed_0-1704536491037.png
Moeed_0-1704536491037.png1561×554 25.3 KB

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

Best Regards,
Moeed

1 Like