Spacing between social icons in header and footer - Supply Theme

Store Design
,
1

I would like to increase the spacing between my social icons in both the header and footer. I am using Supply theme.

Site - www.shop.themagpiewhisperer.com

Thank you in advance! :blush:

1 Like
2

Hi @Chirpy ,

I understand that you want to increase the space between your social icons on your header and footer. Please use the code below to do so.

  1. From your Admin page, go to Online store > Themes > click the three dots > Edit code
  2. Find the Asset folder, and open the theme.scss file
  3. Add the code below at the very end of the file

NOTE: Change the 10px to increase or decrease the space. This also works on other screen size

a.icon-fallback-text {
    padding-left: 10px;
}
1 Like
3

Hi @Chirpy ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

Hope my answer will help you.

Best regards,

Victor | PageFly

1 Like
4

@Chirpy ,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. In your theme.liquid file, find the (press CTRL + F or command + F on Mac)
  3. paste this code right above the tag:

If it helps you please click on the “like” button and mark this answer as a solution!

Thank you.

Kind regards,
Diego

1 Like
5

Got it working. Thanks everybody!

1 Like