[ad_1]
I’m kind of new to WordPress so sorry if this isn’t the place to ask, but I have two blocks of columns where one is image on left, text on right, and the other is text on left, image on right.
What I want to do is when the columns collapse and stack on mobile that in the second example the image is shown before the text. Right now when it collapses it comes after the text.
Is there a plugin or anything that can extend this block? Or a function maybe I can add?
[ad_2]
Yes, if the parent container has display: flex. If not, set it to flex.
Then, find your column selector and do something like that:
`@media (max-width: 768px) {`
`{`
`.your-image-column-selector { order: -1 }`
`}`
What u/the-blue-horizon says. The problem with Gutenberg is that it was written by and for programmers as a replacement for the previous rats nest of widgets, shortcodes, custom fields, and PHP templates. And as programmers they only pay lip service to UI/UX considerations, assuming that instead of adding a simple checkbox for reversing column order (as all page builders do) you’ll hire ask a programmer to write some CSS for you instead.
Again, blocks are fantastic. The block *editor* on the other hand is little more than a jumped up widget stacker. Adding simple, common interface affordances for end users simply isn’t in the core developer’s DNA anymore.