Only two slides on mobile.

[IvanWala]

I want display only two slides in mobile.

capture.jpg

I try slidesPer view 1/2/3/4, centeredSlide ture/false but i can achieve this effect.

What can I do?

[Arhell]

https://swiperjs.com/swiper-api#param-breakpoints

320: {
      slidesPerView: 2,
      spaceBetween: 20
    },

[IvanWala]

Hi have this

{
          parallax: true,
          init: true,
          loop: false,
          grabCursor: true,
          slidesPerView: 5,
          speed: 800,
          centeredSlides: false,
          navigation: {
            nextEl: '.o-swiper-ventajas .swiper .swiper-button-next',
            prevEl: '.o-swiper-ventajas .swiper .swiper-button-prev',
          },
          breakpoints: {
              320: {
                slidesPerView: 2,
                spaceBetween: 20
              },
              768: {
                slidesPerView: 5,
              },
          },
          autoplay: {
              delay: 5000,
          },
      }

And doesn't works

capture2.png

[Arhell]

What do you want to achieve, why do you need parallax?
for example here https://codesandbox.io/s/frkpbr?file=/index.html

here is slider 1

here examples https://swiperjs.com/demos

[IvanWala]

I actualize the assets and it seems to work.

How can I hide the slides beside the navigation? I try to create a wraper outside the swiper but it seems to break layout.

[Arhell]

try to use z-index and you can on the wrapper on the left and right through the before and after to make borders