studypress-new-design/js/custom.js

// responsive navbar for mobile menu
const resBtn = document.getElementById("res-btn");
const bodyTag = document.querySelector("body");


resBtn.addEventListener('click',  () => {
    bodyTag.classList.toggle("show-mobile-menu");
})
// responsive navbar for mobile menu end


// course short description slider
var swiper = new Swiper(".courses-short-desc", {
    spaceBetween: 30,
    loop: true,
    spaceBetween: 10,
    autoHeight: true,
    allowTouchMove: true,
    slidesPerView: 1,
    breakpoints: {
        640: {
            slidesPerView: 2,
            spaceBetween: 10,
        },
        768: {
            slidesPerView: 3,
            spaceBetween: 20,
        },
        1024: {
            slidesPerView: 4,
            spaceBetween: 30,
        },
      },
      autoplay: {
          delay: 2500,
          disableOnInteraction: false,
        },
});
    
    
// why slider

var swiper = new Swiper(".why-slider-1", {
    slidesPerView: "auto",
    centeredSlides: true,
    direction: "vertical",
    loop: true,
    speed: 5000,
    autoplay: {
        delay: 1,
        pauseOnMouseEnter: false,
        reverseDirection: true
      },
    spaceBetween: 20,
});


// new course  slider
var swiper = new Swiper(".new-course", {
    loop: true,
    spaceBetween: 10,
    // slidesPerView: 1,
    speed: 3000,
    autoplay: {
      delay: 0,
      pauseOnMouseEnter: true,
      disableOnInteraction: false,
      reverseDirection: true,  
    },
    breakpoints: {
        640: {
            slidesPerView: 2,
            spaceBetween: 10,
        },
        768: {
            slidesPerView: 3,
            spaceBetween: 20,
        },
        1024: {
            slidesPerView: 4,
            spaceBetween: 30,
        },
      },
      navigation: {
        nextEl: ".new-course-next",
        prevEl: ".new-course-prev",
      },
      
});


// memory slider
var swiper = new Swiper(".memory-slider", {
    slidesPerView: 1,
    spaceBetween: 80,
    loop: true,
    navigation: {
      nextEl: ".memory-slider-next",
      prevEl: ".memory-slider-prev",
    },
  });