slidesOffsetBefore and slidesOffsetAfter relatives units

[AdamReznicek]

Hi,

i need create something like this, see picture below.
I have a container (width: 100%, max-width: 1640px) and i found slidesOffsetBefore, slidesOffsetAfter for offsets.
This works fine, but not with responsive design, cause slidesOffsetBefore and slidesOffsetAfter works with absolute units (px).

How can i create this effect and responsive?

[AdamReznicek]

Solved:

`.section {
overflow: hidden;
}

.container {
max-width: 1640px;
}

.swiper {
overflow: visible;
}

.swiper-slide {
width: 500px;
}`

[MangoMarcus]

I have the exact same issue. The .swiper { overflow: visible; } solution does work well, but not for navigation or pagination as the slidesPerView doesn't actually match what's visible on screen

It would be useful to make slidesOffsetBefore a relative value or a CSS variable