Phone and mobile portait column design

Design help Layout & Design
1

Hey! I am trying to design my website for all devices and I am struggling with a specific column. I want the column to display vertically (like 2 rows) on mobile and tablet. I’ve toggled the ‘tablet portrait’ and ‘phone portrait’ options correctly in the settings, but the columns are still not showing one above the other.

Any thoughts on how to achieve this?

image
image2034×979 85.6 KB

Here is my site Read-Only: [LINK][1]
https://preview.webflow.com/preview/repot-v2?utm_medium=preview_link&utm_source=designer&utm_content=repot-v2&preview=e323e570add11f8e63dbfffa3044c853&workflow=preview

2

Hi @mnjvanderlinden I would use the Grid display option with 3 columns and 1 row instead of Columns display option. That way you can remove the 3rd grid column when moving down the screen sizes. This will automatically push the ‘search button’ area to a new row which you can then expand to cover both columns.