Image Carousel "slides to show" on tablet

[David Rozando]

Hi guys, I just found another issue.

If you have an image carousel with slidesToShow: 1, and see it on live page (not in Elementor Editor mode), the slider will resize to 2 slides when on 480-766px viewport:

When on larger than 766px viewport:

When on 480 - 766px viewport:

If you look at frontend.js, you make default configurations like this:

        var defaultOptions = {
                responsive: [
                    {
                        breakpoint: 767,
                        settings: {
                            slidesToShow: 2,
                            slidesToScroll: 2
                        }
                    },
                    {
                        breakpoint: 480,
                        settings: {
                            slidesToShow: 1,
                            slidesToScroll: 1
                        }
                    }
                ]
            },

            slickOptions = $.extend( {}, defaultOptions, $carousel.data( 'slider_options' ) );

It seems there is no way to override this default configurations when users choose slidesToShow: 1 on the Elementor editor.

Another question:
Could you define the table breakpoint as 768 instead of 767? If you define 767 the layout would change when reached 766px. It's 1 pixel difference, but seems important.

Thanks!

[Nat-Faeeria]

#227 #286

[Ariel Klikstein]

We're going to take care of everything related to responsive the following versions, thanks for your report

[Ariel Klikstein]

Fixed 2677b9d