Help! How do I reorder grid on Mobile?

Design help General
1

Hi!

I know there is a way to do this but I am drawing a blank. My grid goes out of order on Mobile and I’m wondering how I can adjust the grid order without affecting what I see on my desktop.

Thanks so much for your help! :slight_smile:

Here is my site Read-Only: https://preview.webflow.com/preview/sf-canvas-site?utm_medium=preview_link&utm_source=designer&utm_content=sf-canvas-site&preview=473ce79e8a39ded010de9d0393c148ac&pageId=61270a553f45636124f570ef&workflow=preview

2

Hello :slight_smile:

You can set your grid elements (Video Wrapper) to position:manual - this will allow you to move the elements where they need to be positioned in the grid.

Screenshot 2021-08-26 at 09.18.10
Screenshot 2021-08-26 at 09.18.10472×1032 46.5 KB

3

Thank! But for some reason, I am not seeing the ability to manually adjust this (see screenshot). Not sure what I’m missing here?

Screen Shot 2021-08-26 at 12.43.15 PM
Screen Shot 2021-08-26 at 12.43.15 PM570×1516 63.5 KB

4

Looks like you are using flex not grid, thus the difference.