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,
        },
});
    
    
// course short description slider


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

var swiper = new Swiper(".why-slider-2", {
    slidesPerView: "auto",
    centeredSlides: true,
    direction: "vertical",
    loop: true,
    autoplay: {
        delay: 2000,
        reverseDirection: false,
        pauseOnMouseEnter: true,
      },
    spaceBetween: 20,
});
// course short description slider

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


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