Fix for Social Icons Vertically Touching on iPhones?

Hello! I can’t quite figure out where to adjust margins/padding in the social badges stack to prevent the icons from touching when viewed on an iPhone - see attached. They are set to 10px spacing but when the line breaks on the iPhone they touch top to bottom. Any ideas? Thanks!

You could try using 2 rows of icons that don’t collapse OR use a Visibility to hide your 6 column layout for mobile, and then show a 2 row 3 col layout for mobile.

Otherwise reduce the size of the backgrounds, inter icon gap and icon size so they fit.

1 Like

Thanks! I used the Visibility option + two rows of social icons for mobile and it looks much better - a single straight row of social icons in the footer for desktop and 3 icons on top of 3 icons for mobile.