Change 3 columns 3 rows grid in desktop to 2 columns 3 rows in mobile view
I use Brizy Pro. I have a column with 3x2 smaller columns inside. I want to change the layout in desktop to mobile view as attached image. I can't not move the 4th colums to a space in 2nd row using changing column width handbar. See attached screenshot for what I want. If thisneed som Custom CSS, please send me one. Thanks.
-
Hello,
Thank you for contacting us.
1. You can increase the width of each column to 100% by dragging the column handle. In his case they will have the same dimension, please see this video.
2. If you will add all the 6 columns in one big column, then in the mobile view they will be set by 3, please see this video.
Hope this will help.
Best regards, Nelea.
0 -
Thanks Nelea, but neither of two your options work for us.
0 -
Hello,
If you have either 2, 4, or 6 columns in desktop view, you can make it into 2 columns with multiple rows in mobile. If you have 3,5, or 7 columns, you cannot organize them into 2 columns in mobile.
Best regards, Nelea
0 -
I ran into this as well… this has to be fixed. Under the hood it is all just flex, so it should work. Please stop adding new feature and do a "cleanup round" there are so many things that need fixing!
0 -
Hi Max
The reason why the 3x2 columns in desktop cannot change into 2x3 columns in tablet is because the row element supports only a single row. If the row element can have multiple rows, you will be able to achieve 2x3 design in tablet view. We will make a request to modify the the row element to have multiple rows.
(We don't need to stop adding new exciting features to add a small feature like this. We can do both in parallel)
0 -
Yeah but I put everything into one row I can use percentage on table and mobile to break them under each other. Only on desktop these percentages don’t create a wrapping event. So, there is a solution it is just not deployed.
0
Please sign in to leave a comment.
Comments
6 comments