Footer Social icons bleeding off page on mobile

[ohiocannabis]

Ok so I have all of my Social Icons in a Container in my Footer

There are 6 of them and when it loads on the mobile, they bleed off the page instead of creating a secondary row.

What is the best way to get this row of icons to split into 2 rows on mobile?

Thanks!

[ruenel]

Hello John,

Thanks for writing in!

In your Bar 1 element, set the height to auto.

You may add top and bottom padding if you want some space above and below the Bar contents. And then in your Container 2 element, you will need to set a maximum width of 100% and enabled the Flexbox Wrap option.

Hope this helps.

[ohiocannabis]

That seems to have worked great, thank you!

[ruenel]

You are most welcome, John.