<script>
window.addEventListener('DOMContentLoaded', function() {
const $ = jQuery;
$( '.custom-swiper > .elementor-container' ).addClass( 'swiper-wrapper' );
$( '.custom-swiper .swiper-wrapper > div' ).addClass( 'swiper-slide' );
var swiper = new Swiper('.custom-swiper', {
// Default parameters
slidesPerView: 2,
spaceBetween: 10,
// Responsive breakpoints
breakpoints: {
// when window width is >= 320px
320: {
slidesPerView: 2,
spaceBetween: 20
},
// when window width is >= 480px
480: {
slidesPerView: 3,
spaceBetween: 30
},
// when window width is >= 640px
640: {
slidesPerView: 4,
spaceBetween: 40
}
}
});
});
</script>
<style>
@media (max-width: 1024px) {
.custom-swiper .elementor-container {
flex-wrap:nowrap
}
}
</style>
Comments