Slick: Responsive not working after breakpoint

Created on 29 Jul 2015  路  5Comments  路  Source: kenwheeler/slick

The plugin is awesome :smile: thanks!
I'm trying to set up an slider, but I'm having trouble with the responsive option.
When I load with a wider with than the breakpoint it works well until I resize below the breakpoint and the slider disappears.
If I load the screen with a smaller width than the breakpoint the slider never shows up, even when I resize pass the breakpoint.
Codepen here!
I've tryed adding mobileFirst: true and switching the settings, and things get even worse.
Starting from mobile looks ok, but after the breakpoint the slides overlay.
Codepen here too!

Considering Confirmed Grid / Rows

Most helpful comment

I don't if this will help anyone, but what fixed this for me, was adding user-scalable=no into viewport meta tag.

All 5 comments

Could be related to #1300 ?

Yes! I think so. Could not your codepen because I'm on the phone, but looks to be the same problem.
Kenwheeler mentioned today in Scotch.io slack it is not working properly atm.

I have added Pull request for this error: https://github.com/kenwheeler/slick/pull/1660
Works just great in my case :)

Edit: I checked it with your code, it works too :) Of course you need to clear slidesToShow property and set it as '1' for responsive

Edit2: I have added ActivateRows option, now rows won't be build always, when you want to change between 1 row/multiple rows use it option and it will work correctly :)

Sorry for the problems with grids/rows.
We will do our best to sort these out in a major update.

I don't if this will help anyone, but what fixed this for me, was adding user-scalable=no into viewport meta tag.

Was this page helpful?
0 / 5 - 0 ratings