Change container layout through conditional

[Jakob1]

Hi, the container layout of the current group is row. In this group there is a video and another group. (Picture 1) When the current page width is smaller than 700 px, the group shouldn’t be next to the video, but underneath, so the container layout of the parent’s group should change from row to column.
Does somebody know how to do it? I already tried it through conditional, but you can’t choose container layout (picture 2)
Best wishes
Jakob
Picture 1:

Picture 2:

[viquarahmed07]

Hi @Jakob1 I think we don’t have that option yet
But what i usually do is I will create 2 groups

• 1 group with row layout & another with column layout
• Display & hide groups conditionally

Maybe its not the best solution but it works for me

[Jakob1]

Ok thanks

[Jakob1]

Should the groups be visible on page load? Because the current page width is higher and it’s still displayed

[viquarahmed07]

@Jakob1 well this can be done in multiple ways…
You can make both groups not visible on page load
When "current page width > 800" the group A should be visible
When "current page width < 800" the group B should be visible