Image with text Debut theme

Solved
Tourist
8 0 0

Hey guys! is there any solution to this? 

https://gyazo.com/e79564f567fe9941009fabeb96de7e0a

https://gyazo.com/424a48107e8fea64aa6e88d7b4e0eb2e

in desktop is fine but in the mobile nope.

I want to see the text above, so the people can see first the text and then the image. Thank you so much!

0 Likes

Hello @User99,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

@media only screen and (max-width: 750px) {
.feature-row__item.feature-row__text.feature-row__text--left {
	order: 1;
}
.feature-row__item {
	order: 2;
}
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Tourist
8 0 0

thanks for the quick reply @oscprofessional , still the same problem but now my slideshow is white 

https://gyazo.com/f8fbaaf54643f61dd163bb76a35ea04b

https://gyazo.com/ebabde09fa4d919a3bc55a932e855d91



 

0 Likes

@User99,

Can you please share site url so that I will give you exact solution

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Tourist
8 0 0

@User99,

I told you to add

@media only screen and (max-width: 750px) {
.feature-row__item.feature-row__text.feature-row__text--left {
	order: 1;
}
.feature-row__item {
	order: 2;
}
}

But you didn't add css

 

Thats why its not applicable to image with text..

Add the code which I gave you..

 

and I am unable to see  slideshow white

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Tourist
8 0 0

@User99,

You added in a wrong way

In which file you added the code

 

2019-12-23_21-09.jpg

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes

Success.

I think you added the code in theme.js

 

Please add the code in theme.scss.liquid file

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Tourist
8 0 0

@oscprofessional i'm so dumb lol , thank you so much ♥♥♥ you are a genius

0 Likes