How do you make a carousel with slides partially visible on the edges?
Or on one of the edges?
This question is frequently asked on the Elementor forums, so I decided to make a tutorial about it.
It is often suggested to work with negative margins, but there is a much easier way with the Elementor containers and only one line of CSS.
Find out in this quick video where I build a carousel with the slides partially visible on the right and left sides and on both sides.
Enable the subtitles, you might miss important information!
The CSS in this tutorial:
selector .swiper-container {
overflow: visible;
}
Thanks for watching and feel free to subscribe my channel!
TIMESTAMPS
00:00 Introduction
00:34 partially visible slides at the right
03:12 partially visible slides at the left
03:51 partially visible slides on both sides
05:42 end
FREE TEMPLATE FOR DOWNLOAD
[ Ссылка ]
