Help with new responsiveness engine min and max widths

Need help Responsiveness
1

Hi,
I am just starting to get the hang of the new responsiveness engine but I’m struggling with the below.
Can someone please explain to me why my group (white rectangle) is wider than 1320 when the maximum is set at 1320?

image
image2312×1385 94.9 KB

Clearly the minimum part is working as the width of the group is 100% of the parent group but it is always set as that. The maximum of 1320 never kicks in.

Thanks,
Paul

2

You’ve got it set to 100% minimum width, which means it will always be as wide as it’s parent container.

3

Thanks for your help. I figured it was something like that. So does that mean that the minimum is always trumps the maximum? Or is the answer to that question a little more complicated? For example, minimum will trump maximum when min is set as a percent and max is set as px but maximum will trump min when max is percent and min is px?

Also, it may be too hard to answer this based on the limited information I’ve provided in my question but I’ll ask it anyway. Can you suggest a way to achieve what I’m trying to do in the screenshot?

Thanks again

4

If the minimum is bigger than the maximum (as is the case here) then yes (it won’t ever go smaller than its minimum width).

Also, it may be too hard to answer this based on the limited information I’ve provided in my question but I’ll ask it anyway. Can you suggest a way to achieve what I’m trying to do in the screenshot?

Sure, I’ll try… but I can’t work out from the screenshot what you’re trying to achieve?..

You want a maximum width? (of 1320?)?

What are you trying to do by setting the minimum width to 100%?

5

Appreciate your help. Currently I have a group within a group. I did that more for simplicity to post the question here. What I’m actually trying to do is create a repeating group with either one or two columns, based on the screen width.

Currently, using the old responsive engine, I have two repeating groups: one for pages larger than 1100 px (which has the two columns) and one for pages smaller than 1100 px in width. I am getting tired of having to update two things so I wanted to convert my page to the new responsive engine so I could have a dynamic number of columns.

In my new page, I have been playing around with the layout settings of the repeating group. When the page is narrow, the margin should be small (which is why I am going for 80% (in my question, I put 100%, but what I really want is 80% to leave some padding on either side)). When the page is larger, it should max out at a certain px width, which allows me to max the number of columns at 2.

I wasn’t getting anywhere with just the repeating group as a child of the page, so I tried putting the RG inside a group and playing around with the settings for both the group and the RG. That’s when I posted my question.

So I am not married to having the RG in a group. If this is solvable with the RG as a child of the page, then great.

6

Hi @adamhholmes
I was able to somewhat get the responsiveness that I want (not quite but close enough).

I did just post another question and haven’t gotten an answer. Was wondering if you had any input

Thanks