Image with text column for mobile Dawn Theme

Image with text column for mobile Dawn Theme

Failingmonkey
Shopify Partner
4 0 0

Hello to everyone,

I would like to change the default layout for mobile devices from "image first" to "image second".

So the image should be displayed below the text in the mobile variant. In the desktop variant as first (left). Unfortunately I can't get it to select via the base.css

 

This doesnt work.

@media screen and (max-width: 481px){
  .image-with-text__text-item grid__item {
     flex-direction: column-reverse;
  }
}

 

Can someone help me change the layout for mobile? Which selector is correct for the Dawn theme?

 

Desktop.jpgmobile.jpg

 

Best Regards

 

 

Replies 3 (3)

oscprofessional
Shopify Partner
16115 2409 3123

Hello @Failingmonkey 

Please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
Failingmonkey
Shopify Partner
4 0 0

Thank you for your answer @oscprofessional ,

 

Is the preview enough? I work in the live environment.

https://fmgiy8jyr7bvc72n-72801747277.shopifypreview.com

 

If it is not enough you can find my URL here: snaxxs.de 

There are also  "Image with text" ,Same section  (Salty Susan)

 

Best Regards

Failingmonkey
Shopify Partner
4 0 0

Nobody ? 😞