Streaming live at 10am (PST)

Webflow Collections List Display not working properly

For some mysterious reason, my CMS list display leaves this awkward gap in the second row:

It’s strange because my other pages using the same template doesn’t have this layout issue:

If anyone can advise me on how to fix this strange layout issue please let me know! I’ve already tried deleting all the images from the multi-image field and reuploading them again with no avail :frowning:

Recorded a quick video that I hope is helpful to you :grin:


Thank you so much!!! You’re a life saver! :blush:

My absolute pleasure! Glad it works for what you need.

  • Noah

This just helped me solve a similar issue. Thanks again!

1 Like

This solution helped me understand the best way to layout a collection list in grid format. However, after applying these settings to my list it looks great in Chrome, but has gone back to a broken layout in Safari. It’s skipping over blocks and leaving blank areas.

@Noah-R ?
Does anyone have a fix?

Nevermind. I had my Collection List settings on 2-column layout. Switching to full-width worked!

Screen Shot 2020-03-23 at 5.24.29 PM|490x500

1 Like

Ah, sorry for the late response. I’m glad you solved it and that it’s working for you now. :slight_smile:

Hello! I have the same issue, but my products show in a list instead of 4/row. I’ve put all the settings in that you showed in the video, but it’s the same! So grateful for help.

Man, in a couple of clicks you fixed a problem i’ve been having for a while now. It was driving me crazy! Thank you very much!

Same! Thank you so much!

I was facing a similar issue. This was super useful! Thanks a lot :smiley: