Carousel arrows issues in tablet & mobile view

Hi,

I’m currently struggling with my carousel arrows in tablet view. In tablet view, I have a drop-down hamburger menu for the navigation bar and when I open it you can see the arrows from my carousel overlapping the menu, it should not appear over the dropdown. I did some research and it was saying to change the z-index, I tried to do that, but it was not working as planned. I have the same issue in mobile view, but the only solution I found was moving the buttons to the bottom which I did for mobile and mobile (L view). If someone would be so kind as to help me with my tablet view and share screenshots of how to edit in design since that would help me with the mobile view as well. I will attach a screenshot of what I’m referring to and my preview link. I would appreciate any help ASAP, by today as this project is time sensitive, thank you!

I was able to resolve my issue