Reorder layout on mobile (prestige theme)

Store Design
1

Hi

I have a couple of sections on my home page that has image and rich text. I can set the image position (left or right) on desktop. But no option to set it for mobile.

currently the rich text appears above the image. I’d like the image to display above the text.

URL: https://zerobs.co.za

Screenshot 2021-08-17 at 10.42.41.png
Screenshot 2021-08-17 at 10.42.41.png1028×515 263 KB

want to move the image above the text
want to move the image above the text338×738 95.7 KB

2

hello @SDBdigital

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (max-width: 729px){
.template-index .FeatureText.FeatureText--withImage.FeatureText--imageRight{
        display: flex;
        flex-direction: column-reverse;
}
}
3

That worked like a charm. Thank you.

4

Hello @Kinjaldavra ,

I would like the exact opposite. On my page, the image is placed on top of the text. But I would like to have the text first and then the image. Can you help? :blush: