Как сделать чтобы слайдера не было на пк версии на моб он был?

Question

[Влад ~]

Есть блок с товарами на пк версии там 6 товаров в ряд на моб сделать это слайдером, делал slick слайдером все работает, но есть одно, но когда слайдер срабатывает и вы растягиваете ширину экрана слайдер убирается, но структура остается старая от слайдера в итоге все ломается. Как можно реализовать такой слайдер не на слике

Answer 1

[NaN]

Отвечая на вопрос - медиазапросы

Как сделать чтобы слайдера не было на пк версии на моб он был?

Answer 2

[mills]

В css мелиазапросы нужно писать для размеров экрана.
Например:

@media only screen and (max-width: 539px) {
.slider{
    display: none;        
}
}

Comments

[Влад ~]

Запросы самом собой, но тут дело в другом написал же меняется структура из-за этого происходит такой баг .
Загружаться моб версия в ней есть слайдер потом мы ее расширяем до пк версии слайдер уходит мы запросами все правим но если с пк в моб перезайти там уже слайдера не будет там сломаная верстка из-за того что слик меняет структуру

[mills]

Влад ~, а ссылочку на сайт можно?

[Влад ~]

Юрий Лядов, yota.owlweb.com.ua/produkty

Answer 3

[alex-1917]

Вот этот слайдер попробуй, навряд ли он что-то сломает
https://github.com/loryjs/lory
С другой стороны, не припомню таких грешков за сликом...