problem here ! slideshow text under the slideshow images on mobile devices

Solved
Highlighted
Explorer
49 2 0

hi guys hope you're safe and healthy in this period :)

guys i have a problem which seems hard to fix

 

the slideshow and the text on it is perfect on my desktop as we see here Screen Shot 2020-03-30 at 9.37.16 PM.png

 

 

but on mobile devices the text goes below the images slideshow like that 

 

Screen Shot 2020-03-30 at 9.37.38 PM.png

 

 

site URL : https://nearxyou.com/

 

 

thanks in advance.

0 Likes
Highlighted

This is an accepted solution.

Hello ,

You can display text using below css:

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

@media only screen and(max-width:768px){
.hero__text-content.hero__text-content--adapt.text-center {
    top: -185px!important;
    color: white!important;
}
}

But in mobile view image is small so it's not looking good text above image.

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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Explorer
49 2 0

that was really helpfull thank you so much , :)

0 Likes
Highlighted
Explorer
49 2 0

also one small problem heading and subheading position are different from the desktop view

can we make mobile heading and subheading like the desktop one ?Screen Shot 2020-03-31 at 9.11.09 PM.pngScreen Shot 2020-03-31 at 9.10.59 PM.png

 

so i want new arrival to be on top and below it starting at 19$

 

thank you :)

0 Likes
Highlighted
New Member
2 0 0

Hi! I have the same problem with the slideshow text showing under the slideshow on mobile devices and the code above didn't work for me :( I am using the debut theme. Does anyone know if there is some other way to fix this?

0 Likes
Highlighted

Hello ,

Please share your site url.

So that i can check and let you know the exact solution here.

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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
2 0 0
0 Likes
Highlighted
Tourist
3 0 1

this code didn't work for me.


@oscprofessional wrote:

Hello ,

You can display text using below css:

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

@media only screen and(max-width:768px){
.hero__text-content.hero__text-content--adapt.text-center {
    top: -185px!important;
    color: white!important;
}
}

But in mobile view image is small so it's not looking good text above image.


 

0 Likes