Hi there I am using the Supply theme and the social media icons/links appear right at the very bottom of the page, underneath the footer, and they are really tiny so will easily be missed. How do I make these maybe twice the size? I assume I’ll have to change some code? Thank so much

@KatesShop Thanks for update yes can you please add this code also ul.social-icons { margin-top: 15px; }

Hey Kate, Kindly try the following: In your Shopify Admin go to online store > themes > actions > edit code In your theme.liquid file, find the (press CTRL + F or command + F on Mac) paste this code right above the tag: .social-icons li .icon{ font-size: 28px !9mportant; margin-top: 10…

Hello, @KatesShop Thanks for the store URL. Go to Online Store->Theme->Edit code Asset->/theme.scss.liquid->paste below code at the bottom of the file. .social-icons li .icon { font-size: 30px; /* change font size as you like */ }

dantepw - This doesn’t seem to be working, even if I alter the size? KetanKumar - This works perfectly to change the icon size but the icons then crash in to the line above. How would I rectify that?

Perfect! That works brilliantly! And so easy for me to do. Thank you. :0)

Hey @KetanKumar , I have the same request but with another theme: Shella. I would like to make the social media icons bigger on mobile and desktop. Here’s my store: https:/fineforeal.myshopify.com password: onbuild.77 Any way you can help me with that?

@Olivier7 Thanks or post yes, please add this code Go to Online Store->Theme->Edit code Asset->/typography.scss.css->paste below code at the bottom of the file. .social-media .icon { width: 20px; min-width: 20px; } .social-media .icon-social-facebook { width: 10px; min-width: 10…

@KetanKumar Thank you very much Sir, this worked like a charm. Is there a way to put some space between the Facebook and the twitter Icon so that spacing stays even? [Screenshot 2020-12-31 at 05.16.57.png]

@Olivier7 Thanks for it can you please add code and let me know after i will give spacing code

Sure, the code has been put back now. Thanks

How can I make social media icons bigger?

Store Design

KetanKumar August 10, 2020, 3:57am 9

@KatesShop

Thanks for update and your support.

Topic		Replies	Views
Change social media icon size ( Dawn Theme) Store Design menu , design , customizations , footer , css , shopify-themes , html	0	40	February 17, 2024
How To Increase Social Media Foote Icons Size Larger? Origin theme Store Design design , css , shopify-themes , troubleshooting	9	139	April 8, 2026
Make social media icons bigger Craft theme Store Design design , footer	5	75	July 20, 2023
I want to increase the size of my social media Icon in footer Store Design css	10	236	November 27, 2024
Increase Social Media Icon Sizes in the Footer Store Design	2	49	February 11, 2022

How can I make social media icons bigger?

Related topics