Different Image slider's options on Desktop and Mobile

Helpdesk Website Builder
2

Hi! I guess the easiest way is to override the CSS for the slider.
Here is the (S)CSS to do it:

// using media query for screen bigger than tablet
@media screen and (min-width: $breakpoint-md) {
  // this is your slider id
  // if you want to target all sliders you can use the .ed-slider class
  #ed-67593731 {
    .slick-track {
      display: flex;
      flex-direction: column;
      width: 100% !important;
      transform: none !important;
    }
    .slick-next,
    .slick-prev,
    .slick-dots {
      display: none !important; //hides prev + next + dots from slider
    }
  }
}

Hope this helps.

2 Likes