[Support request] Remove carousel arrows on mobile

Please login to receive premium support.

Support for the free plugin can be found here.

Tagged: carousel

This topic has 1 reply, 2 voices, and was last updated 2 years ago by elvin.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
February 26, 2021 at 11:55 am #27430

Anas
Participant

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.

February 28, 2021 at 9:26 pm #27492
elvin
Moderator
Hi there,

Try adding this CSS:
```
[dir=rtl] .slick-prev {
    left: 0% !important;
    right: unset;
}

[dir=rtl] .slick-next {
    right: 0% !important;
    left: unset;
}
```
Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.