Card Slider Overflow Settings

Design help General
1

Hi Webflow!

I’m building out a website that features some card sliders / carousels and I’m running into two issues that I can’t get my head around. Any help would be massively appreciated!

  1. I’d like my slides (=cards) to flick through the orange box, but not outside of it. I’ve set the slider to “overflow” to make sure slides aren’t crunched into the mask, but now the slides overflow on the lefthand side. Default slider navigation is only visible for debugging. The idea is to control this slider using the buttons on the left.

  2. I’m trying to use custom navigation on my slider, but the steps described here don’t work. Below is the script I used:

Thanks for your help :pray:t3:

– Alessandro

Here is my site Read-Only: [LINK]

<script>
    var Webflow = Webflow || [];
    Webflow.push(function() {
    var l = $('#myCustomSlider .w-slider-arrow-left');
    var r = $('#myCustomSlider .w-slider-arrow-right');
    $('#myCustomSlider')
    .on('click', '.slider-left', function() {
    l.trigger('tap');
    })
    .on('click', '.slider-right', function() {
    r.trigger('tap');
    });
    });
</script>