I want to enlarge my social media icon. I want the one at the header to match the one at the footer menu please. My website is https://www.diversifiedgiftsonline.com/
Topic summary
A Shopify store owner wants to enlarge social media icons in the header to match the footer size.
Solution Provided:
Two support representatives offered CSS code solutions:
- Target the
.tt-social-icon li a::beforeselector - Add
font-size: 25px !important;orfont-size: 35px !important; - Insert code into the theme’s CSS file via Online Store → Theme → Edit code
Implementation:
The store owner initially reported the code didn’t work after pasting it, but shortly after confirmed the solution was successful.
Status: Resolved - the social media icons are now displaying at the desired size.
Hi @Alyssa4965 , Pls insert this code to file css:
.tt-social-icon li a::before {
font-size: 25px !important;
}
Hope this can help you 
1 Like
Hi @Alyssa4965
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.css
Step 3: Paste the below code at bottom of the file → Save
.tt-social-icon a:before {
font-size: 35px !important;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
It is now working. Thanks a lot
1 Like
No problem, Have a nice day
1 Like