image slider : no arrows on mobile

  • Resolved webdee75

    (@webdee75)


    3 years, 1 month ago

    Hello,
    How could it be possible to get rid of the slider arrows on tablets and mobiles ?
    I don’t see any tablet/mobile settings for arrows and the class “has-arrows-outside” prevents the arrow button from being to display:none with CSS.
    I can’t see any other solution than to toggle the “has-arrows-outside” class with JS, but there might be a CSS solution I haven’t thought of…
    Thanks for any help !
    Regards

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support eugenewhite

    (@eugenewhite)

    Hello there.

    I would like to inform you that it’s sure possible to complete what you need by applying custom CSS. Here is the code you may want to add under the Dashboard > Appearance > Customize > Additional CSS:

    @media only screen and (max-width: 768px){
    .slick-prev.slick-arrow, .slick-next.slick-arrow{
    display: none;
    }

    Use “!important” if necessary.

    Thread Starter webdee75

    (@webdee75)

    Thanks for your answer @eugenewhite.
    !important was necessary to overpass the style “display: inline-block” inside the html…
    .slick-arrow {display: none!important;}

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘image slider : no arrows on mobile’ is closed to new replies.