Streaming live at 10am (PST)

Grid options in Collection lists


#1

I should know this, but cannot figure out how to do.
If I have a collection list in three columns, and want them to be stacked in vertical mobile phone view, how do I do this? Now I have three columns on the Team and the Advisors (two different collections) on the Team page in desktop view. In mobile phone view the team is still three columns, but the advisors items stack on top of each other (this is how I want it). I can’t figure out how to change this for different device layouts.


Here is my public share link: ** https://preview.webflow.com/preview/wideangle-usa?preview=742185a92acad8525eea3103d0d5e01a 1**
(how to access public share link)


#2

Hi. Read this docs (under “Selecting a layout” and “Make changes to your columns layout”):

This icon <----> is for stack


#3

Thank you for the link. I have no problem changing columns in different layouts in general though. It is just as I work with collection lists that the Grid options are not available in the settings. I don’t know if there is another way to solve this.


#4

My mistake :slight_smile: You right - This is a missing feature for now on webflow editor (no breakpoints like in columns)

Try this idea:


#5

Thank you so much, this really helped! I had forgotten that you could use Flexbox in that way. Now it works great!


#6

You welcome :slight_smile: mark as solved to close this issue (an for future searches). Thanks.


#7

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