How can I fix a cut-off slideshow image on mobile?

Technical Q&A
1

Hi. Please i need someone to help with this problem. On desktop the slideshow image is perfect ok but when you on mobile, part of the slideshow image is cut off. I am using minimal theme.

I will be greatful if someone can help fast. Thanks

2

@Olahappy

oh sorry for that issue if possible to share store url so i will check and let you know

3

Thanks. this is it.

https://100testinhg.myshopify.com

https://happy-body.no

4

Hi @Olahappy

This is PageFly - Advanced Page Builder.

You can try with this code:

Follow this:

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

Step 2: Search file timber.scss.css.

Step 3: paste below code in bottom of file ā†’ save.

.slides__image {

object-fit: contain !important;

}

PageFlyVictor_0-1667749691850.png
PageFlyVictor_0-1667749691850.png197Ɨ423 14.5 KB

Hope that my solution works for you.

Best regards,

PageFly

5

Thanks it works like magnet. :blush:

6

Hi @Olahappy

Please share your store URL.

Regards,

Mehak

7

Thanks the problem have been solved.

8

Thanks the problem have been solved