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 </head> tag and add the following code above </head> 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.

[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

[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.

[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 </body>

<style>
.link.list-social__link .icon.icon-facebook,
.link.list-social__link .icon.icon-instagram,
.link.list-social__link .icon.icon-twitter {
  width: 60px !important;
  height: 60px !important;
}
</style>

 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.