Ghost Grid column while trying to make responsive

Design help General
1

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)

2

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

3

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
4

Hi there, im just searching for an advice in the same problem… i cannot remove “gost colums” trying to make my design responsive… Please would you have a quick look on the problem:
https://preview.webflow.com/preview/griesshaber2019?utm_medium=preview_link&utm_source=designer&utm_content=griesshaber2019&preview=585701ebd53e5c86ff8ddd7573a0fbc4&pageId=5d75152b42881e9566f717b4&mode=preview
Thanks so mutch in advance!
Roland