Адаптивный слайдер
 

Добрый день господа гуру кодинга!!!
Я новичек в jQ и хотел у вас просиь помощи!
На сайте есть слайдер вот его настройки для десктопа (монитора)
<script>
$(document).ready(function(){
$('.slide-content').slick({
infinite: true,
slidesToShow: 3,
slidesToScroll: 1,
arrows: true,
prevArrow:'<div class="prev"></div>',
nextArrow:'<div class="next"></div>',
if('window-size')
});
});
</script>
то-есть в данный момент задано в настройке что показывать 3 елемента слайдера (slidesToShow: 3,), а при нажатии на прокрутку скролить 1 елемента слайдера (slidesToScroll: 1,)
Как приписать в скрипте чтобы при ширине экрана 992 px и меньше, стало slidesToShow: 2 вместо slidesToShow: 3 а при ширине экрана 768 и меньше стало slidesToShow: 1 ? Буду очень благодарен за ответ!!!

Foknik,
смотрите примеры параметра responsive:
http://kenwheeler.github.io/slick/

Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Foknik,
не надо плодить темы

Никто не плодит, тут хотят помочь друг другу