[Support request] Remove carousel arrows on mobile

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Remove carousel arrows on mobile

Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #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.

    #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;
    }
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.