Slider Arrows outside of slider div: code not working

Hello everyone,

I have been trying to put the slider arrows outside the slider div. I found some custom code that worked for another person, however, it does not for me. After a little bit of tweaking, still nothing.

Any help is appreciated (Check out the ‘probi4ki’ page, not the home one).

Thank you

https://radovenski.webflow.io/probi4ki

https://preview.webflow.com/preview/radovenski?utm_medium=preview_link&utm_source=dashboard&utm_content=radovenski&preview=c33c5fb522fc9ce17d5172164fc85c7d&workflow=preview

Here is the code I used:

<script>
var Webflow = Webflow || [];
Webflow.push(function() {
var newl= '.Arrow-prev';
var l = '.left-arrrow-2';
var newr= '.Arrow-next';
var r =  '.right-arrow-3';
$(newl).click(function(e) {
e.preventDefault();
$(l).trigger('tap');
});
$(newr).click(function(e) {
e.preventDefault();
$(r).trigger('tap');
});
});
</script>

@Kiril_Radovenski Use this code

Hey Moheen, thank you for your quick reply, but unfortunately, this doesn’t work either. My guess is that I have to somehow target the actual slider buttons in the code, but I am unable to do it properly. Thank you once again