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!
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:It seems there is no way to override this default configurations when users choose
slidesToShow: 1on the Elementor editor.Another question:
Could you define the table breakpoint as
768instead of767? If you define767the layout would change when reached766px. It's 1 pixel difference, but seems important.Thanks!