Hi, I added a carousel at the hero position of my home page that looks like this: http://prnt.sc/107s751
It looks fine on desktop, but on mobile devices, it looks like this: https://prnt.sc/107sahv. As you can see the left arrow seems to shift the whole layout to the right, which creates a horizontal scrollbar, and even if you scroll left, the right arrow will still be hidden.
Actually, I would like to remove arrows at all on mobile view, they’re not necessary there since the user can scroll by touch, and the dots below are enough to let the user know that this is scrollable content.
How can I do that? Here’s my staging website if you like to have a look: https://almania-plus-2cbcc2.ingress-daribow.easywp.com/
Thanks.