Как убрать стрели Slick Slider на адаптиве?

Добрый день.
Использую кастомные стрелки для слайдера:
prevArrow: ".arrow-prev",
nextArrow: ".arrow-next",
responsive: [
	{
	  breakpoint: 768,
	  settings: {  }
	}
]

В этом случае параметр arrow вообще не влияет никак на работу слайдера.
Мне нужно при разрешении меньше 768 убрать стрелки.
breakpoint: 768,
	  settings: { arrows: false }

- естесственно не помогает.
Как это сделать?
  • Вопрос задан
  • 1506 просмотров
Решения вопроса 1
@z_u_q
А какая версия плагина у Вас? С последней версией всё отлично работает.

Ссылка на пример
Ответ написан
Пригласить эксперта
Ответы на вопрос 4
Eridani
@Eridani
Мимо проходил
@media (max-width:768px) {
.arrow-prev, .arrow-next { display: none }
}
Ответ написан
Комментировать
@WebDev921
Почему бы просто не поставить display none в медиазапросе?
Ответ написан
Комментировать
@RedBubble
media (max-width: 768px) {
.arrow-prev, .arrow-next {
display: none;
}
}
Ответ написан
Комментировать
BuggyBuggy
@BuggyBuggy Автор вопроса
Через media не помогает, т.к. скрипт прописывает стрелкам style="display: block;", который перекрывает любые мои стили. Если только через !important, но это как-то...
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы