Text Before Image On Mobile View Publisher Theme

[MiaPascua]

Hi, I would like to have the text shown first before the image in mobile view.

Here's the link:

https://everlyadorned.com/products/evermorewards

[NomtechSolution]

To have the text displayed before the image in mobile view, you can modify the HTML structure of your webpage. Here's a general approach:

1. Locate the section or element that contains the text and image in your HTML code. This could be within a <div>, <section>, or other HTML elements.

2. Swap the positions of the text and image elements within that section. Move the text element above the image element.

<div class="section">
  <img src="image.jpg" alt="Image">
  <p>Text content goes here.</p>
</div>

[MiaPascua]

Hi. I have the same issue with my homepage before and this was the code given to me:

@media only screen and (max-width: 749px) {
#shopify-section-template--18824298004789__2c96d729-099f-41a9-814d-64b8ab4bfd51 .grid--gapless.grid {
flex-direction: column-reverse;
}
}

This worked and I'm wondering if I can have the same code format in these pages.