Move image below text on mobile

RoisinL
Tourist
11 0 2

Hello,

I have some text with image on my website which looks fine on the deskop. On the mobile the image is showing above the heading and text. I would like to change it to below. 

Does anyone know how to fix this?

Thanks

HardikDavra
Shopify Partner
1799 279 791

For that, I need to analyze your website and then I can provide any solution over here.


So Please provide website URL and if your store is password protected then also provide password.

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
KetanKumar
Shopify Partner
16942 1840 6343

@RoisinL 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
RoisinL
Tourist
11 0 2
Hello,
The website is Justbasixx.ie and the password is yeuduy
Thanks
0 Likes
HardikDavra
Shopify Partner
1799 279 791

@RoisinL Please place this code at the end of theme.scss

@media screen and (max-width: 768px) {
.feature-row .feature-row .feature-row__text {
-ms-order: 1 ;
order: 1 ;
}
}
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
RoisinL
Tourist
11 0 2

The only option is Theme.scss.liquid - I dont have Theme.scss

I tried to put it at the end of theme.scss.liquid but it didnt work

thanks

0 Likes
HardikDavra
Shopify Partner
1799 279 791

I can see that you did not put the code at the end of theme.scss.liquid. PLease place the code.

 

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
RoisinL
Tourist
11 0 2

Hi - I removed it as it wasnt working. I have it placed now at the end of the code.

0 Likes
Biterscode
Excursionist
22 2 2

hello @RoisinL ,

You need to place this code at the end of theme.scss

@media screen and (max-width: 768px) {
.feature-row .feature-row .feature-row__text {
-ms-order: 1 ;
order:1;
}
.feature-row .feature-row .feature-row__item {
-ms-order:2 ;
order: 2 ;
}
}

Thank You!

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept the Solution.
Email: sandyhadiya@gmail.com Or WhatsApp Or Skype: sandip_php_7
0 Likes
RoisinL
Tourist
11 0 2

@Biterscode Many thanks - this is working now for one of the images which is right aligned on the desktop. However, the second image is left aligned with the text and it has not worked for this one? Thanks

0 Likes