I’m having an issue with the Nested Carousel. The last slide is being cut off and shifting to the left side. It seems like there might be an issue with the margins or spacing.
I checked your site, and it appears that the section has already been changed to a different design/layout, so the Nested Carousel issue with the last slide being cut off is no longer visible on the page.
Because of this, I’m unable to reproduce or inspect the original issue at the moment.
I checked the issue on your website and found that the problem is caused by a custom left margin being applied to each slide item inside the Nested Carousel. Because every slide has an additional margin-left: 15px, the total carousel width becomes larger than expected, which causes the final slide to shift and appear cut off.
Please try to remove margin in each slide and check how it works.
Alright, that worked thank you, but now the slides are close together, I set the space between to 20px, but it does nothing. (whatever space between option I set the slides don’t move) I want the slides to have a gap.
The gap is not working because each slide container is using a background overlay image, which makes the containers visually attach to each other.
Previously, the custom margin-left: 15px was creating the spacing effect manually. After removing it, the carousel works correctly, but the overlay/background now makes the slides appear connected.
.
