Skip to content

Columns Should be Able to Set to Stack Left on Top OR Right on Top on Mobile #40706

@MadtownLems

Description

@MadtownLems

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.

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions