Change the order in the "image with text"

[Mdb_Gioto]

As I said, we need to change the order of this "image with text" section only on Mobile.

Til now we have the text and then the image, but we need the image first.

Only in these 2 sections and  only on Mobile

This is my store link: https://gioto-1308.myshopify.com/

Can you help me?

and these are the sections:

  

[Spac-es]

Delete this code in your styles.css file (line 11768):

    .section-image-with-text .flexible-layout {
        flex-direction: column-reverse;
    }

The image will appear before the text on mobile devices:

[Mdb_Gioto]

Thanks, but now all the Images with text sections have changed. I need to change the order only on those 2 sections, is it possible?

[Spac-es · Accepted solution]

The previous code should be removed as you currently have it.

I see that you almost have the problem solved then. To make the other two sections look as they were before, add this code to your styles.css file:

@media (max-width: 767.98px) {
#shopify-section-template--19215236301067__image_with_text_kyCac3 .flexible-layout, #shopify-section-template--19215236301067__image_with_text_CeYFR9 .flexible-layout {
        flex-direction: column-reverse;
    }
}

Results:

[Mdb_Gioto]

thank you soo much

[Mdb_Gioto]

I just copied the code, but it changes all the sections, is there something I'm missing?