Streaming live at 10am (PST)

Ghost Grid column while trying to make responsive

I have created a 3 column grid and on website view I have stretched content across the whole page. In other rows, I have 3 columns.

When I move to landscape mobile view I want to delete one column of the grid (just like in the Webflow videos). When I try to delete it, I always get a “ghost” column instead of the 2 columns (and re-flow of content) that I am looking for.

I’m guessing that there is content or some setting in the 3rd column, which is stopping it from being deleted.

Any ideas?


Here is my site Read-Only: https://preview.webflow.com/preview/sebacic-bt?utm_medium=preview_link&utm_source=designer&utm_content=sebacic-bt&preview=30db0544b44dec61c9e8d700c66cf978&mode=preview
(how to share your site Read-Only link)

When in mobile view, squeeze the upper two rows into two columns, this should get rid of the extra column

Brilliant. That’s the bit I didn’t get. If you have content spread over more columns, the column CAN’T be deleted. Squeeze it back into the one column, and things work just great. Thanks for your time!

1 Like