Wordpress Dual Slick Slider

wordpress-dual-slick-slider.js

jQuery(function($){
  $('.slick-center').slick({
    centerMode: true,
    centerPadding: '25%',
    slidesToShow: 1,
    asNavFor: '.events-content',
    responsive: [
      {
        breakpoint: 768,
        settings: {
          arrows: false,
          centerMode: true,
          centerPadding: '15%',
          slidesToShow: 1,
          asNavFor: '.events-content',
        }
      },
      {
        breakpoint: 480,
        settings: {
          arrows: false,
          centerMode: true,
          centerPadding: '40px',
          slidesToShow: 1,
          asNavFor: '.events-content',
        }
      }
    ]
  });
  
  $('.events-content').slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    arrows: false,
    asNavFor: '.slick-center'
  });
});