Bug on showing off collection list

Hello guys,
I’m trying to show off my colection list like an e-commerce.
On toggle preview every item is ok, but on published page the items are bugged.

Here’s the published page: https://viasudeste.webflow.io/venda-de-usados

Here’s the project read only mode: https://preview.webflow.com/preview/viasudeste?utm_medium=preview_link&utm_source=designer&utm_content=viasudeste&preview=8189d8a2fed97394c746d5cedd765c48&pageId=5dc9c2f266fd1b43df9230cb&mode=preview

Thanks!:grin:

Hi @Victor_Mattoso, thanks for your post, it is not clear to me what the issue is, could you please include a screenshot of the elements not rendering on the published page as expected?

Sorry for the delay. Here are the screenshots:

Live WebSite

Preview Mode

@cyberdave Do you know what could be?

Have you tried to republish it?

@ElviraNL yes, I tried

@Victor_Mattoso And if you put the collection list in a grid like this:

And the collection item:

Edit: For this to work: Click on collectionlist 2 tablet → go to collection l ist settings, and there should be some kind of yellow alert about reseting styling… accept that message.

1 Like

@ElviraNL It worked!! Thanks amigo

2 Likes

You can also use flexbox (horizontal > justify=“flex-start”) and set the basis of the flex child to 33.33% (NOT the width of the collection item and NOT using Collection List > Element Settings > Layout > 3 columns). Here is a short desktop recording: Loom | Free Screen & Video Recording Software | Loom. I prefere this setup because weblow’s css grid does not support Windows > IE. Nevertheless, grid works very well in most browsers.

1 Like

Vitor, Do you do web design?

giup viec nha bao nhieu 1 gio - giúp việc nhà bình chánh - giúp việc nhà bán thời gian

@laxutraly with Webflow yes, why?

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.