Media&Text block stack on mobile: order not working

Hello,

Using the Media&Text block with stack on mobile option checked I need to show firts the text and then the media. I read that when the media is aligned on the left, it shows first the media and then the text, the opposite order when the media is aligned on the right. Unfortunately I don’t see any difference: I always see the media first.
To solve I’ve already tried to add css such as:

@media (max-width: 600px) {
.wp-block-media-text.is-stacked-on-mobile: figure.wp-block-media-text__media { grid-row: 2; }
.wp-block-media-text.is-stacked-on-mobile: div.wp-block-media-text__content {
grid-row: 1;}

and

@media screen and (max-width: 600px) { display: flex; flex-direction: column; }

As I’ve read in other topics but nothing seems to work: I always see first the image and then the text.

What could I do? I’ve WordPress with Astra Pro theme, both updated to the most recent version

• This topic was modified 5 years, 1 month ago by bluebike.
• This topic was modified 5 years, 1 month ago by bluebike.