-
Notifications
You must be signed in to change notification settings - Fork 4.7k
Description
What problem does this address?
Currently, the Columns block as a 'Stack on mobile' feature. It's great, but slightly limiting because the left column always stacks on top. We have encountered lots of times where we'd like the right column to stack above on Mobile. One of the most common uses is when we use columns to alternate types of content in a zig-zag fashion - perhaps an Image and a button on one side and a column of text on the other. When these columns stack on mobile, instead of it displaying:
Image
Text
Image
Text
it ends up looking like
Image
Text
Text
Image
What is your proposed solution?
When "Stack on mobile" is enabled for the Columns block, there could/should be an additional setting to toggle between "Stack Left Column on Top" vs "Stack Right Colum on Top." (or simply "Inverse Stacking Order" or whatever you think makes sense.)
Then, we could toggle this setting on on every other row of columns so that things stack much cleaner on Mobile.