Classic Slider - Make mobile friendly

We use a slider on our homepage of our site. Currently, it only shows up on desktop (1260 px at the least.) At 767px, the slider is hidden (with integrity styles in this case) Due to the nature that this slider is set up and the javascript it uses, I’m unsure how to go about optimizing this for mobile. We’d like to show the slider on smaller screen sizes and aren’t sure how to accomplish this. I was hoping to be able to add some styles and call it good, but it’s proven to be trickier than I’d hoped!

Here’s the width at 768px.

Anything lower and the slider is hidden.

Thanks ahead of time!

Hi There,

The classic slider work perfectly in every mobile device.
Please brows your site in mobile browser or iPad, it will adapt the size of the device screen widthout hidden.
The responsiveness don’t work in browser resize and the container width sets in page load, and when you resize the browser it doesn’t resize the container of the image. as a result the image shows hidden. But in actual device the container takes the exact size of the screen so its fine there.

Please try to brows the site in actual device instead of decreasing browser size.

Hope this is understandable.

Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.