section image-with-text placing image above text on mobile - Broadcast theme

JonX
Tourist
51 2 11

HEllo,

I am trying to place the image above the text on mobile.

My shop is www.ambigoose.com and problem at the bottom of this page : https://www.ambigoose.com/pages/our-ingredients-1

Thank you so much

Jon

IMG_1987BDBC6ADD-1.jpeg

0 Likes
Bitfresh
Shopify Partner
56 10 12

Hi,

You can change this by customizing your theme CSS file. To do this navigate to Online Store > Themes > Actions > 'Edit Code'. Now find the following CSS rule in your theme CSS file and change the flex-direction to column-reverse:

@media only screen and (max-width: 749px){
  .image-with-text-wrapper--reverse {
    flex-direction: column;
  }
}

 

0 Likes
Pallavi
Shopify Expert
2239 370 486

Hello There,

1.In your Shopify Admin go to online store > themes > actions > edit code
2.Find Asset >theme.scss.css and paste this at the bottom of the file:

@media only screen and (max-width: 749px){
.image-with-text-wrapper--reverse {
flex-direction: column;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
JonX
Tourist
51 2 11

Hello unfortunately that did not work...

0 Likes