How can I center both icons one under the other ?
Topic summary
A user needed help centering social media icons and a shop button in their footer, which were appearing misaligned.
A solution was provided involving custom CSS code to be added to the theme.liquid file within the <head> tag. The code uses flexbox properties to center footer elements.
Resolution for original poster:
- The CSS fix successfully centered both elements vertically stacked
- Implementation required accessing theme code editor and pasting specific markup
New issue emerged:
- Another user applied the same code but encountered partial success
- Social icons centered correctly, but the “Follow on shop” button remains slightly right-aligned
- This secondary issue remains unresolved and awaits further troubleshooting
Hello @Radu6
Can you share store URL?
Hey @Radu6 ,
Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.
Screenshot is for reference only, the correct code to paste is the one shown above.
1 Like
It works, thank you !
Hey there,
I used the code you provided on my site and the social icons are perfectly centered, but the “Follow on shop” button above them is not quite centered. Leans a bit to the right. Screenshot below. URL = themusicrescue.com. Any ideas?
Thanks!
