Removed the Horizontal Slider of a Featured Collection but in Mobile, there's no option to scroll

Store Design
, ,
1

I’m customizing Streamline theme and I removed the Horizontal Slider of a Featured Collection in the homepage by customizing HTML. It works perfectly on a Desktop view because it has left and right arrows that auto pops out on mobile, the arrows do not appear, and swiping left and right doesn’t work. Is it possible to keep the horizontal slider removed but have a carousel slider or the arrow left and right on mobile?

Here’s the arrow that I want to show in the Mobile view

IESSupport_0-1687449041144.png
IESSupport_0-1687449041144.png1415×550 328 KB

Here’s what shows in the Mobile View right now:

2

Hey @IESSupport
Kindly share your Store URL and Password if enabled

3

@IESSupport

Please share your store URL!

Thanks!

4

I sent the store URL and PW in via DM

5

I sent the store URL and PW in via DM

6

@IESSupport

Please add the following CSS code to your assets/theme.scss.liquid or theme.css bottom of the file.

@media only screen and (max-width: 768px){
.overflow-scroll-wrap .small--hide {
    display: block!important;
}
}

Thanks!

1 Like
7

This perfectly worked, thank you!