• Hello! is it possible to make the carousel loop only on mobile? or make it automatically slide only on mobile?

    Thank you!!

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

Viewing 1 replies (of 1 total)
  • Plugin Author simonpedge

    (@simonpedge)

    No this is not possible within a single SA slider.

    The only way I can think of to achieve this would be to:
    – create 2 identical sliders (you can use the excellent ‘Duplicate Page’ plugin to duplicate your slider),
    – make sure that both sliders have a different CSS ID
    – insert both sliders into your page
    – use some CSS Media Queries to display 1 slider above a certain screen width, and display the other slider under a certain screen width.

    So your CSS might look like this:

    #slider_desktop { display:block !important; }
    #slider_mobile { display:none !important; }
    @media screen and (max-width: 767px) {
    	#slider_desktop { display:none !important; }
    	#slider_mobile { display:block !important; }
    }
Viewing 1 replies (of 1 total)
  • The topic ‘Loop only on mobile’ is closed to new replies.