Есть настроенный слайдер owl carousel. Находится внутри табов TABS UI. Слайдер адаптивный, для каждого разрешения настроено нужное количество слайдов
//подключение табов
$("#tabs").tabs();
//подключение карусели
$(".owl-carousel").owlCarousel({
loop:false,
nav:false,
dots: true,
responsive:{
//с 1920 до 768
768:{
items:4
},
//с 768 до 575
575:{
items:3
},
//до с 575 до 399
399:{
items:2
},
//с 399 до 0
0:{
items:1
}
}
});
На разрешении 399 количество слайдов становится равное 1 только при переключении табов, а просто при обновлении страницы показывается 2 слайда.
Как сделать, чтобы при обновлении страницы показывалось правильное кол-во слайдов, а именно чтобы на разрешении 399 - был 1 слайд