Why isn't my slide show appearing on mobile?

Store Design
1

Hi! My slide show appears fine on desktop but not on mobile. Can someone help :disappointed_face:

nicolewx_0-1713539651538.png
nicolewx_0-1713539651538.png590×1280 48.1 KB

nicolewx_1-1713539673295.png
nicolewx_1-1713539673295.png1786×935 122 KB

1 Like
2

Hey @nicolewx ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1713539943395.jpeg
ThePrimeWeb_0-1713539943395.jpeg1253×933 87.9 KB

1 Like
3

Hi @nicolewx

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

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

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

@media (max-width: 767px){

.slideshow__media.banner__media.media {

display: block !important;

}

.slideshow__media.banner__media.media img {

object-fit: contain !important;

}

div#Slider-template–17647482142973__slideshow_iEXAHe {

height: 200px !important;

}}

Hope that my solution works for you.

Best regards,

Henry | PageFly