my slick slider in debut theme responsive is not working and the style of slider did not change.

New Member
1 0 0

$(document).ready(function() {  

 $('.row1').slick({
     mobileFirst:true,//add this one
  dots: true,
  infinite:true,
  speed: 300,
  slidesToShow: 4,
  slidesToScroll: 4,
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 3,
        slidesToScroll: 3
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 2
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1
      }
    }
  ]
  });
  

   

});

https://github.com/kenwheeler/slick/issues/1461

even i choose some style it did not work. only one style. i think it is default by the shopify 

0 Likes
Highlighted
Shopify Partner
221 0 13

Hey, 

Im having the same problem, Im now sure what the problem is, but upon some testing I updated the slick code on the vendor.js and the responsive property started working, but that update messed up the slideshow section. So Im thinking the slick version on Debut Theme does not have the responsive property or its not working. Where you able to solve that ? 

Cheers!

Entrepreneur, Developer, Geek, Gamer and very passionate about WEB development! :P

Need help with your Shopify Store? Contact me: jfeuchter@gmail.com :D
0 Likes