Just dropped a carousel element in a container with flex stretch and overflow : hidden - to achieve a carousel look where the outer 2 images just scratch the browser edge. The carousel itself is set to min-width 200% and centered.
For the most ‘normal’ resolutions it looks good. Everything is centered and scales as it should. But… at some breakpoints (very large and mobile-landscape) the carousel moves to the left and loses it´s fixed gap between the single images (set to 80px).
I´ve tested to put another container around it. Set this one to 200% and the carousel back to 100% - but with the same result.
Is this a bug or is the way I´m solving this wrong?
Please scroll down to the end to see the carousel.
@timmse i checked the template you’d provided for this issue. Unfortunately it isn’t working for me.
Ive added the carousel element within a block. Carousel is set to show 3 images in centered mode with the centred image to be shown in 80% of the available width. But this width is overridden by the swiper element width.
Hey Dushyanth,
The template was created with Bricks 1.3.7 - a lot has changed since then, so I can understand that it doesn’t work anymore.
Unfortunately, I don’t have the time to look into it in detail, but maybe an !important will help you with the width. It is certainly not a bug, as my template is (or was at the time) a quick & dirty custom solution.
