Footer menu social icon size

[chrisc1987]

Hey Everyone,

I just did the 15.2 update, and my social media icons CSS did not copy over. Any ideas?

Thank you kindly!

[Moeed]

Hey @chrisc1987

Share your store URL and password if enabled.

Best Regards,

Moeed

[chrisc1987]

Hi @Moeed

Here is my store URL www.6ixsideswag.ca

Thank you.

[DaisyVo]

Hi @chrisc1987

What do you mean, you want these icons to be smaller?

I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for “theme.liquid” file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for tag and add the following code above tag: https://prnt.sc/KWtKYyZkDtYJ

Here is the code for Step 3:

{% style %}
li.list-social__item svg {
    width: 24px !important;
}
{% endstyle %}

Please let me know if it works. Thank you!Best,
Daisy - Avada Support Team.

[chrisc1987]

Hi @DaisyVo

I would like to be able to resize them as I did before the update, using the custom CSS in the footer section. as it was before. but after the update, it removed the CSS code. not sure why.

[LizHoang]

Hi Chrisc1987

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

a.link.list-social__link {
    height: 100px !important;
    width: 100px !important;
}

svg.icon.icon-twitter,
svg.icon.icon-instagram,
svg.icon.icon-facebook {
    height: 90px;
    width: 90px;
}

Result:

Best,
Liz

[chrisc1987]

Hi, @LizHoang

That did not work on my end.

[LizHoang]

Can you share the photo where you add the code?

[chrisc1987]

[LizHoang]

You miss this code and save

[chrisc1987]

Hi @LizHoang

copy and paste both codes, unfortunately, it still does not work.

[DaisyVo]

HI @chrisc1987

it’s hard to find the cause
but i have given the solution for shrinking icon size with the code above
If you still continue to search for the cause then i can only help you up to here
If you need any further correction, please let me know

[PageFly-Richard]

This is Richard from PageFly - Shopify Page Builder App
Hi @chrisc1987 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

And here is result

Hope my solution will help you resolve the issue.
Best regards,
Richard | PageFly

[chrisc1987]

Hi @PageFly-Richard

Does not work on my end.