The cursor doesn't work, what happened?


The cursor over the left and right slider does not work, why?

What does this even mean? Can you explain more?

2 Likes

That’s not a working example but it looks like you need a higher z-index on those arrows.

.blog__button{
  z-index:2;
}

Also the arrows have a different classname in the html than in the js. Th js says ‘prev’ and ‘next’ and the html says left and right so you probably need to change to this.

     nextEl: '.swiper-button-right',
      prevEl: '.swiper-button-left',

The whole block of code should be:

  const swiper = new Swiper('.swiper', {
    // Optional parameters
    slidesPerView:2,
    spaceBetween: 20,
    loop: true,

    navigation: {
      nextEl: '.swiper-button-right',
      prevEl: '.swiper-button-left',
    },
  
  });
1 Like

it worked