Need help with columns/flex layouts to stack alternate top and bottom than column allows?

Hi I am having difficulty in trying to stack columns the way I want. I want the search to be at the top and basket and burger menu to be below. Tried to use flex layout but just as confused, check both Home and Untitled pages for both of the attempts. Please help thanks, Sam

Screenshot is kind of what I am aiming for (although stupidly haven’t done a full mockup on figma)


Here is my site Read-Only: [LINK](https://preview.webflow.com/preview/mitaine?utm_medium=preview_link&utm_source=designer&utm_content=mitaine&preview=f4522483a60bf90f7ddb46250e9b1574&pageId=623669ad2589f54b48757680&workflow=preview)
(how to share your site Read-Only link)

The solution to this problem is to use grid.
nav in one cell/ search in one cell and cart in another cell.
With grid you can reoganise everything the way you want at each breakpoint.
I have to say that grid are tricky at first, but super usefull when you master them.

1 Like

getting better result as we speak, bit tricky but it works, Thanks :grin:

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.