Page Width Not Affecting Row vs Column Containers

Need help Responsiveness
1

I have a screen recording below of what’s happening, but I’m having an issue troubleshooting the responsive design of a row container. I have a couple of containers that are column containers that are housed together in a row container. I need for the containers within to be pushed down as if it were a column container after the window reduces to a certain width, but the containers are just over lapping one another and getting squished rather than falling into the column I would expect.

Any idea on what setting I may be missing or need to take a look at? Thanks so much in advance!

Loom Recording of Issue

2

Has a Min width been set for the columns? They won’t stack otherwise.

3

Oh my gosh, thank you! I had the MAX width set, but not the MIN. I think I’ve been staring at my screen for too long.

Thank you so much!

1 Like
4

Another “trick” is to set one of the columns to 100% width at a specific page width, which will “force” that column into its own row with the other stacking above or below accordingly.

1 Like
5

Thank you again! I’ll keep this trick in mind as well ans I get more work done. I bet this may come in handy on some pages. You’re the best!