• Resolved hirasaeed33

    (@hirasaeed33)


    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.