Slider individual slides don't have breakpoint visibility options

[cheshiredave]

This is a very surprising problem. Using the native Slider, individual slides don’t have the capability under “Customize” to control their visibility for different breakpoints.

Use case scenario: I’m doing a slider of logos I’ve designed. On desktops down to tablets, where the screen is wider, I want to show horizontal versions of my logos. But some of those logos will be too small that way on mobile, so I want to have some of my slides contain specific versions of the logos that will look good on mobile. Not all of the logos need two versions, though, so it would be more efficient to keep all the slides in one slider and turn individual slides on and off for different breakpoints, rather than create two separate sliders that show up on different breakpoints.

Is this more difficult than it seems to implement?

[prakash_s]

Hello @cheshiredave,

Thanks for writing us.

In order to show/hide the content through the breakpoints you can use these classes on the element based on the breakpoints.

x-hide-lg x-hide-md x-hide-sm x-hide-xl x-hide-xs

Please have a look at the given screenshot below.

Hope it helps
Thanks

[cheshiredave]

Thanks for letting me know. If it’s that easy, then why not make breakpoint visibility buttons like other elements have?

[nabeel]

Hey @cheshiredave,

We certainly appreciate the feedback! This is something we can add to our list of feature requests. This way it can be taken into consideration for future development. All of these items are discussed with our team internally and prioritized based on the amount of interest a particular feature might receive.

Thanks!