Text Before Image On Mobile View Publisher Theme

Technical Q&A
1

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

2

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.


  
  

Text content goes here.
3

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.