Forum Academy Marketplace Showcase Pricing Features

Repeating group columns in new responsive engine

I’m having an issue with column width in the new responsive engine. I have my minimum column width set to be the same width as the element inside of the repeating group, but it seems like I need the ability to set the max width of a column as well. The reason is, is when the column has to respond down to 2 columns instead of 3 (which is the max I’ve set via a max width of the repeating group), the items on the right float all the way to the right, leaving a large gap inbetween items. The screenshots show this better than my description.

Screen wider than 1260 pixels (max 3 column layout)

Screen narrower than 1260 and the repeating group responds down to 2 columns

Here are my settings for the repeating group and the element inside of it

Did you get an answer to this? I have same question.

Nope, no one seems to either have the same issues or my posts was pushed to the bottom and no one saw it.

Oh, hey guys, I just saw this. So you should use ‘%’ instead of ‘px’. Set Max Width of each group to say 45% of the parent group. (when you set max width using %, it’s by default % of parents width.) This will do. Let me know if you can’t figure it out.

Ahh thank you for the tip! You were sorta right, I needed to set a max width on the group inside my repeating group to 100% to fill the space. Thank you.