<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>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter