Stack columns in desktop revert to side by side in mobile.

Leo

• April 01, 2022 17:39

I asked this feature, but Dimi answered me it is doable.

I have tryed again and I don't know how to do that.

Tha following images will illustrate what I tryed to do:

 

What I tryed to do:

My logic:

Unable to set the column as 100% in desktop:

It only works the other way around (side by side in desktop and 100% column in tablet and below)

So how to solve that in Brizy?

Thanks

0

• 

  Alex

  • April 01, 2022 20:46

  Hi,

  it works by default as your desired layout. Please refer to this video: https://jmp.sh/4qjuSKQ Are you doing something different? Looks like you also have a row in row. Could you please send us a screen recording with the structure you have so that we can guide you? Thanks.

  0
• 

  Leo

  • April 02, 2022 01:05
  • Edited

  Hi, Alex,
  
  I appreciate your time to record a video. But the video shows the other way around. 

  The video shows: 3 columns 33% side by side @desktop that adapts to 3 stacked columns 100% @tablet/mobile.

  I want to made (following the example): 3 stacked columns 100% @desktop that adapts to 3 columns 33% side by side @tablet/mobile.

  In my wireframe above, consider the inner elements of the "cards", but I have made another illustration that I hope it clarify better what I'm unable to do in Brizy (I can't record a video because I believe it is undoable):

  

  The "cards" works exactly how you recorded, but I'm pointing the inner elements.

  As I undestand, we can't set a group of columns to be 100% @desktop and revert back to side by side columns @tablet/mobile (but it is perfect doable other way around as you showed in the video).

  If it is really undoable, this is a featured I have requested. It could work in any level of columns.

  The best application I can think is the exemplified in the wireframe.

  Thank you again for your time!

   

  0
• 

  KC George

  • April 02, 2022 13:11

  Hi Leo

  Please watch this video for the procedure to implement the above design using Brizy.  https://jmp.sh/0np6Wn6

  If you have any more questions, please let us know

  1
• 

  Leo

  • April 02, 2022 18:47

  Hi, Kc George,

  Thanks! I wasn't expecting the support to make videos for us! I really appreciate that.

  And that is perfect! Your video solves the layout problem.

   

  But let me just tell my final thoughst. I have created this topic because I asked this column manipulation as a feature in the Brizy Open Roadmap and Dimi asked it could be done. But then I can conclude the exact feature don't actually exist. I will reinforce Dimi about my suggestion! Thank you!

  0

Please sign in to leave a comment.