Different sliders for Mobile / Desktop

  • Resolved hirasaeed33

    (@hirasaeed33)


    3 years, 6 months ago

    Can you help me to show different sliders on Mobile and Desktop. I show the same slider which does not look perfect on mobile. My designer built the slide pictures how I needed, but can not figure out how can I switch to another slider on mobile. Or enter the pictures for each screen?

Viewing 1 replies (of 1 total)
  • Plugin Author YOO SLIDER TEAM

    (@yooslider)

    We do not have a slider switching option, but you can create two different sliders for desktop and mobile. Then you can use custom css styles to hide/show one of them depending on which screen the page is being shown.

    For example you can use the following custom css styles for this:

    
#gks-slider-ID1 {
display: block;
}

#gks-slider-ID2 {
display: none;
}

@media only screen and (max-width: 600px) {
  #gks-slider-ID1 {
     display: none;
   }

   #gks-slider-ID2 {
     display: block;
   }
}
Viewing 1 replies (of 1 total)
  • The topic ‘Different sliders for Mobile / Desktop’ is closed to new replies.