Как выключить слайдер swiper на телефоне?

Question

[Raym0NT]

В общем суть такая на Десктопе есть слайдер , но при адаптивной версии на телефон,слайдер отсутствует,
Есть ли способ в библиотеке SWIPER или на самом JS как либо выключить слайдер на телефоне?
---
Но и так-же помимо выключения слайдера могу предположить чтоб можно в HTML создать специально блок под телефон,и через display none выключить блок с слайдером - Корректно ли так делать?

Answer 1

[Алексей Дубровин]

В этом случае через js проверяем ширину экрана.
Если она больше чем 767( Мобильное разрешение, хз какое у вас ) мы активируем слайдер. Иначе нет.
Тем самым мы не создаём лишний блок в и просто меняем вид через css

Comments

[Raym0NT]

Понял,благодарю

Answer 2

[Raym0NT]

Решение

document.addEventListener("DOMContentLoaded", () => {
  const width = window.innerWidth;
  if (width > 390) {
   const menuSlider = new Swiper(".menu__slider", {
    settings: your setings,
  });
 }