Responsive

[yustik]

One question i want it to use the responsive options from Slick

responsive: [ { breakpoint: 1200, settings: { arrows: false, slidesToShow: 4 } }, { breakpoint: 768, settings: { arrows: false, slidesToShow: 3 } }, { breakpoint: 576, settings: { arrows: false, slidesToShow: 2 } } ]

But seems not to work in vue, there is a workaround for this in the component?

[buroli]

Any solution for that ?

[shkodasv]

Any updates ?

[kamilmaliszewski]

It works for me. Be sure that you put "responsive" in slickOptions object which is forward to vue-slick component

slickOptions: {
          slidesToShow: 4,
          slidesToScroll: 4,
          infinite: false,
          arrows: false,
          responsive: [
            {
              breakpoint: 1024,
              settings: {
                slidesToShow: 3,
                slidesToScroll: 2
              }
            },

            {
              breakpoint: 767,
              settings: {
                slidesToShow: 2,
                slidesToScroll: 2
              }
            },
            {
              breakpoint: 639,
              settings: {
                slidesToShow: 1,
                slidesToScroll: 1
              }
            },
          ]
        }

[shkodasv]

will try. thx!

[Micah789]

I am getting the same almost like the component is removing inline styling I use to show the background image