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.
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024