Make footer columns (or containers) stack in mobile view

[Mbzo]

Hi there, I looked at some posts here about getting footer containers to stack in mobile view but the video links mentioned are private.
I have a simple footer that seems to take much time to do in PRO / Flex.
The structure is three bars
Bar 1 ) A full width container
Bar 2 ) Two 50% width containers (columns), each set to fill space equally.
Bar 3 ) Same as Bar 1

In desktop it looks as expected.

In mobile however the containers in Bar 2 should eventually stack on top of one another as window size decreases.

What is the magic formula?

[paul.r]

Hi,

You need to create another Bar with 2 containers that are stack on top of each other then set it to be visible on mobile only.

Basically you will have two bars

1) Bar 1(Desktop) - have the containers display horizontally

2) Bar 2(Mobile) - have the containers stack up

Hope that helps