When I have two group elements next to each other on wide screen view. Is it possible to have the responsiveness engine placing the right element on top of the left element in mobile view?
Just like bootstrap is having push and pull on cols and in newer version row reverse?
oh you mean “above” i think it will always be left because of how its rendered… i will recreate and try find a solution later, maybe you could use css float
I was facing the same issue. Tried increasingly complicated hacks without success for nearly an hour, but ended up with the much simpler and obvious hack that I was hoping to avoid, which is to add some page height, duplicate the block I wanted to flip on mobile immediately below the original block, flip the left and right sides of the duplicated block, and then use responsive hiding rules to hide one block or the other (and made sure I clicked collapse height when hidden for both versions of the block) depending on parent width. Here’s the result (ignore my page ugliness as I had to zoom out to 33% to capture the gif) … you’re looking at the section with the blue background which starts with image on left and text on right, but on narrow screen shows text on top and image on bottom:
e.g., this is what it looks like in my editor. Top is desktop view (hidden on narrow screens), bottom is mobile view (hidden on desktop screens) … annoying to maintain, but invisible to users:
I finally used this as I already had this solution for right/left alternance but was too dumb to add a width condition to it thank you for sharing the idea