Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
This is an accepted solution.
Thanks for update
yes can you please add this code also
ul.social-icons {
margin-top: 15px;
}
Dear Brother, I also tried this but not working. screenshot also attached.
Hi,
I just tried to use this solution for the free Shopify theme: Studio.
I ended up accidentally getting rid of the icons altogether!!!
Is there any way you could help me re-add them!? 😞
Thanks,
Alexx Gray
I have tried all of these solutions but they don't work for my theme. I'm using: Tradie.
My Shopify URL: https://4f6690-26.myshopify.com
Is there also a way to add the social media icons more prominently in the top header menu? I have tried plugins but nothing seems to be working.
Hello, I am trying to make the social media icon bigger in the Dawn theme, what code do I need please?
My website is yoefurniture.com
thank you
@Yoefurniture oh sorry for that issue can you please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.
.footer-block--newsletter {
align-items: center !important;
}
.footer-block--newsletter .list-social__item .icon {
height: 4.2rem !important;
width: 4.2rem !important;
}
I tried this in the Supply theme and it didn't work either. Suggestions?
Hello, @KatesShop
Thanks for the store URL.
1. Go to Online Store->Theme->Edit code
2. 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 */
}
My theme is Taste.
@twista @JaclynCameron @KFORREST
can you please send store url
thanks for url can you try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/component-list-social.css ->paste below code at the bottom of the file.
.footer__list-social .icon {
width: 36px;
height: 36px;
}
pasted but did not worked. icon size is still same, no option appeared to edit in the theme setting as well.
i can see icon size bigger
thanks but i can't see social media icon
oh yes, now i can increase it more, thanks a lot brother. 🙂
no rush its my pleasure to help us
I had commented it out because it was too small. Could you provide the file name and code/required code location for the Supply theme and I'll implement. Thanks.
can you enable social icon at footer
Done.
thanks for update can you please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.site-footer .social-icons li .icon {
font-size: 30px;
line-height: 30px;
}
Good day Ketan
Please can you assist me with making my social media icons bigger.
Theme: Dawn
URL: https://theaestheticza.com/
Ive tried some of your solution above and their not working.
Thannk You!
Hi there, I'm using revamp theme and looking to make icons bigger. Could you offer the instructions to update code?
website is claysark.com
thanks for url can you please confirm this look
Could we make it 20% bigger?
This solution worked for my site. Thanks!
hi can you tell me how to enlarge my social media icons in the refresh theme?
Hello,
We are using Maranello theme and the facebook icon on the bottom footer right side is very small we would like to enlarge it. https:/www.GotArcades.com
What changes do we need to make in the code.
Thanks so much for your help.
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024