Hey there,
If you want the text on top and the image on the bottom, simply swap the left and right block columns in the desktop view. This change will automatically adjust in the mobile view as well. You can also preview it directly using the mobile view option.
Regards,
Shashank Jain
Unfortunately, there is currently no option to solve this without the above arrangement. However, you can also use custom CSS to help:
@media (max-width: 600px) {
body .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__media {
grid-row: 2;
}
}
@media (max-width: 600px) {
body .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content {
grid-row: 1;
}
}
This would need to be stored in the custom styles. For a block theme, you can find these under Appearance > Site Editor > Styles > Edit Styles > the 3 dots top right > Additional CSS.
Thread Starter
LS321
(@lsingh321)
Thank you Shashank and Threadi.
@lsingh321 you probably have a reverse column set.
