Streaming live at 10am (PST)

Collection items displaying different on Mac & Windows


I am having a problem with a collection list display. On Windows it is working just fine, displaying the collection items as expected. However, on Mac and iPad for some reason the top right item is in the second row. I have spent countless hours trying to figure this out. I hope someone here could point me in the right direction. Please see photos attached below. First one displays the items correctly, second shows the issue on iPad.


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hey there @milanp!

Thank you so much for reaching out to the forums, happy to see you here!

Sometimes Safari can render flexbox children a bit differently, a simple workaround is to reduce the width of the child items since the padding/margins can affect how they wrap with other items. In this case bringing the number down to 30% instead of 33.333%.

Hopefully this helps and let me know if you have any questions.


Hi Riley,

many thanks, it looks fine now! :slight_smile:


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