Pro - Flexbox line breaks

This is probably so simple, but I’m having a hard time getting line breaks in my containers while working with the Pro Footer builder.

I’d like to have the following elements appear as such:
[Text]
[Social][Social][Social][Social][Social]
[Button]

However, when I add these to my container the simple go inline until it hits the end of the container.

What’s the best practice to get the breaks in between each element?

Thanks!

Maybe I figured this out on my own…

I made the “Width” and “Max Width” of my text element the same as the parent container.

Is that the proper/best method?

Hello ComDoc,

Thanks for writing in! Yes, setting the width and maximum width of the text element will make the social icons go to the next line. You might need a gap element or a blank text element as well before adding the button so that it goes to the next line below the social icons.

Hope this helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.