Streaming live at 10am (PST)

Flexbox Dynamic Lists - Formatting Issue (overlay issue)


#1

Hi,

I recently changed some of my content to flexbox format for collection lists. As outlined here: (https://webflow.com/blog/designing-dynamic-lists-with-flexbox) Everything seems fine but when I go into tablet / phone view I see I have a major problem with overlapping content.

I’ve been trying to figure this out for a while. I’m sure it’s something simple but can’t figure it out. Any ideas?

(Just on homepage)

https://preview.webflow.com/preview/angelreads?preview=8bab902921623d7410d08e257b9a0292

Thanks!


Here is my public share link: https://preview.webflow.com/preview/angelreads?preview=8bab902921623d7410d08e257b9a0292
(how to access public share link)


#2

This is a safari issue. Try setting your elements to display:block for tablet and mobile.


#3

Hi Nelson,

Thanks for the advice. I don’t think its just safari as it occurs in chrome as well for me. I’ve tried block format and it doesn’t seem to work. I assume you mean for ‘collection item 2’ display:block format?

Thanks


#4

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