Goal: Reduce the horizontal spacing between social media icons in the mobile footer without causing them to wrap or overlap the copyright text. Shrinking the footer container pushes icons down and creates overlap, so the request is to make the icons sit closer together on one line.
Proposed fix: Add custom code in theme.liquid (above the tag) via Online Store → Theme → Edit Code. The exact code snippet isn’t visible in the thread, but it was intended to adjust the icon layout.
Outcome: After applying the suggestion, the icons became very small instead of closer together. The OP shared a screenshot showing the unintended size reduction and linked the store URL for context.
Status: Unresolved. Key open question is how to decrease the spacing (e.g., margins/gap between icons) on mobile without reducing the icon size or causing overlap with the copyright line. Images/screenshots are central to understanding the spacing issue and the result of the attempted fix.
Whats up guys,
I want to Bring my social media icons closer together on the mobile view. I feel like they’re way too spread out across. Making the footer boundary box smaller forces them Down and they overlap my copyright name. I just need them tighter together on mobile.
You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the tag
Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!
