Caroussel arrows on mobile

  • Resolved Oaz

    (@oaz)


    4 years, 1 month ago

    Hello,

    There is a placement problem with the carrousel arrows on mobile.

    They are on the slide itself, instead of displaying on each side of the slide, and the extract is not readable anymore.

    I tried to modify their placement through css, either place them on each side of the read more button, or on each sdide of the slide but the result was not good at all.

    The simplest way to fix this would be to hide them on mobile only ? people will naturally use their finger to slide on a phone, and it would be okay.
    well this is only a suggestion, whatever solution will do as long as they do not display on the slide, above the extract.

    Thanks for your help

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Team Brainstorm Force

    (@brainstormteam)

    Hello @oaz ,

    Please use the following CSS:

    @media (max-width:768px){
.uagb-post__arrow-outside.uagb-post-grid .slick-prev{
    left:-40px;
}

.uagb-post__arrow-outside.uagb-post-grid .slick-next{
        right:-40px;
}
}

    I hope that helps.

    Regards,
    Sweta

    Thread Starter Oaz

    (@oaz)

    Just perfect !

    thanks

    Plugin Support Team Brainstorm Force

    (@brainstormteam)

    You’re most welcome, @oaz !

    I’m glad it works out for you.

    If you need anything else we can help you with, please don’t hesitate to open a new ticket.
    ?
    Have a nice day and week ahead! ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Caroussel arrows on mobile’ is closed to new replies.