Streaming live at 10am (PST)

Having trouble with grid view on mobile


#1

Hello,
I have a “Most Popular” grid with an animation that I made on the home page of a site I am working on. I am running into a problem whenever I try and rearrange the grid for mobile view. I like how it looks on desktop and tablet, but for mobile landscape and mobile vertical, I would like the boxes to stack on top of each other and take up 90-100% vph. I have tried to move the content in the grid cells into different spots like I have seen on the tutorials but when I do that they don’t show on the desktop view.

I am sure this is an easy fix but I have been stumped on it for some time now so any help would be greatly appreciated!

Thanks!


Share link:
https://preview.webflow.com/preview/enjoyable-edibles-com?utm_source=enjoyable-edibles-com&preview=4cf0e40785ce56ea6b0e460f8b107220

Site link:
https://webflow.com/design/enjoyable-edibles-com


#2

Hello @David_Casey

Here’s a screen record > https://www.useloom.com/share/834d529d2f624770945e1877d482b646

Works great for me. You can try again and if you need more help feel free to reach out.

Piter :webflow_heart:


#3

Wow, thank you so much!

I think my problem was that I was trying to cut and paste rather than just rearrange.

Thank you again :raised_hands:


#4

No problem! Btw a click tip

if you hold alt > click on an element > drag > you can copy just like in Adobe Illustrator :grin:

See here > https://www.useloom.com/share/583ed5a98fff4d95b33ef4e16f61758a

You can use the grid option for rearrangement too. See here > https://www.useloom.com/share/7b6f6cc05aaa436eaf43c12f53317789

Piter :webflow_heart:


#5

Huge help, Thanks Piter!