Flexbox in mobile view wont wont switch to flexbox vertical when at 479px

Design help General
1

Good afternoon

ive looked in the community and cant seem to find a solution.

i have a website and a process section near the bottom basically a flex box with 4 divs each div is a step 1- 4 which has a title and paragraph inside.

in mobile view when its set to 240px width i changed the flexbox to vertical view so its shows on the page.
but when i look at mobile 479 px width

it doesnt show as vertical layout but still shows as horizontial and cant seem to change it when im at 479 px width.

any help would be really apperciated ive tried changing the text, divs but it doesnt respond when its at 479 px

but changes take effect at 240 px in mobile view

thanks

Ang

Here is my site Read-Only: below

2

Hi Ang,

In Webflow, the default breakpoints are Desktop, Tablet (768px), Mobile Landscape (568px), and Mobile Portrait. For better mobile layouts, you’ll want to adjust your flexbox container’s direction from horizontal (row) to vertical (column) at the Mobile Landscape breakpoint. This change will stack your elements vertically, making them easier to read and interact with on smaller screens.

To make this adjustment, select your flexbox container, navigate to the Mobile Landscape breakpoint, and change the Flex Direction property in the Style panel from ‘Row’ to ‘Column’. This change will automatically apply to all smaller screen sizes.

You can preview how your layout responds across different screen sizes using the responsive preview mode - simply click and drag the edge of the canvas while in any breakpoint view.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

3

hi

thats brilliant thanks, all sorted.

just for future reference i made the original changes in mobile portrait. initially.

but just as you suggested i had to make the changes in mobile landscape.

why wouldnt the changes take place when i try to make them in portrait mode and as i was trying to make them in its own breakpoint.

thanks

Ang