How do I reorder the elements to make the image go above the heading for mobile breakpoints?

Denishamakwana
Explorer
50 7 7

sorry, your site is password protected.

please remove it so, i can help you to reordering the elements.

0 Likes
heyspang
Tourist
25 0 3

Hi sorry here is the preview link. The section is on the Our People page. 

 

https://92o2k3pjcmv4k88k-51034554559.shopifypreview.com/ 

0 Likes
Denishamakwana
Explorer
50 7 7

 

please add this media query  at the bottom of theme.css file

@media only screen and (max-width: 749px) {
.FeatureText--withImage {
        display: flex;
}
.FeatureText--imageRight .FeatureText__ContentWrapper {
       order:2;
}
.FeatureText--withImage .FeatureText__ContentWrapper, .FeatureText--withImage
.FeatureText__ImageWrapper{
          order:1;
}
}

0 Likes
heyspang
Tourist
25 0 3

Hi there, that suggestion hasn't worked and all of my modules with the image aligned right don't show the image on mobile.. I have kept the code in there so you can check this.

0 Likes