How to fix my site so that it stacks vertically on the mobile (portrait).
In webflow the parts causing the problems are called section 3.
I have 2 sections that are stacked on top of each other. Each section has 2 divs that are set to 50%.
On the smallest mobile display it looks to scrunched up so I want to make each div 100% and for them to stack vertically.
Currently
//Section 3
////////////////////////////////////////////////////////
// Div 1 (50%) // Div 2 (50%)
///////////////////////////////////////////////////////
Want it to be
//Section 3
////////////////////////////////////////////////////////
// Div 1 (100%)
////////////////////////////////////////////////////////
// Div 2 (100%)
///////////////////////////////////////////////////////
I have spent nearly 2 hours trying to get it to render properly and for what I am trying to it shouldn’t be this hard.
So I gess your “currently” mobile state is equal to your desktop state: two elements side by side.
And you want them to stack up on mobile.
3 ways to do that with Webflow.
use the Column Component from the Add+ menu.
Set it up for 2 colums.
Then in the Settings panel, set the display options for what happens with the columns on devices.
By default, columns stack on mobile.