Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1225821

    Hey, i am using layerslider and created a fullsize slider. Thats fine on desktop (landscape), but not on mobile (portrait). My solution is to create 2 sliders and use one for mobile, one for desktop. But i have to make changes twice :-(
    My CSS solution is quiet simple:

    @media only screen and (max-width: 989px) {
    #layer_slider_1 {
    display: none !important;
    }
    }
    @media only screen and (min-width: 990px) {
    #layer_slider_2 {
    display: none !important;
    }
    }

    My question: is there an (CSS) solution to change the slider settings from fullsize to fullwidth depending on screen size? Goal is to use only one slider!

    Thanks a lot, Sven

    #1226289

    Hey SvHa,
    Sorry for the late reply, unfortunately, there is not a css solution to change the slider settings, your solution to create two sliders is the recommended solution.
    Is your above css working for you to show the different sliders for the correct device?

    Best regards,
    Mike

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.