Why isn't my text slideshow displaying correctly on mobile?

Store Design
, , ,
1

Text looks great on my slideshow on desktop but gets cut off on mobile. Help!

not scaling properly
not scaling properly988×1394 265 KB

You can try out here

2

Hello @Renaye

You can follow these steps:

  1. Go to Online Store->Theme->Edit code

GemPages_0-1672130841340.png
GemPages_0-1672130841340.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_1-1672130861951.png
GemPages_1-1672130861951.png1521×848 37.2 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

3

Hello @nizo92

I would like to give you a solution to support you:

  1. Go to Online Store-> Theme-> Edit code
  2. Open your theme.liquid theme file
  3. Paste the below code before :
<style>
@media(min-width: 280px) and (max-width: 767px){
.slideshow__text-content.slideshow__text-content--vertical-center.text-left {
padding: 0px 15px !Important;
top: 30% !important;
}
.slideshow--large, .slideshow--larger, .slideshow--largest {
height: 80vh;
}
}
</style>

Was my reply helpful? Please Like and Accept Solution. This mean alot to me.

4

Hi @nizo92

This is Victor from PageFly - Landing Page Builder App.

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.css

@media screen and (max-width: 767px){

.slideshow__text-content.slideshow__text-content--vertical-center.text-left {

padding: 0px 15px !Important;

top: 30% !important;

}

}

Hope this answer helps.
Best regards,
Victor | PageFly

5

Thank you so much!