Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 24, 2014 at 9:32 pm #214607
    bc3inca

    I have created a slider on this site: http://unitedhomeexperts.yourmarvinwindows.com/

    The slider is not response though, as the slider images just overlap each other on smaller screens.

    How do I get this to work?

    January 25, 2014 at 3:20 am #214680
    Ismael

    Hi bc3inca!

    Please use the Fullscreen Slider because it is much more responsive and less complicated than the Layer Slider. You can also hide the slider on mobile view. Add this on Quick CSS:

    @media only screen and (max-width: 767px) {
#layer_slider_1 {
display: none;
}
}

    Best regards,
    Ismael

    January 31, 2014 at 9:22 pm #217647
    bc3inca

    Where do I find the Fullscreen slider?

    Also, in the demo theme the Layer Slider appears to be responsive. How is this?

    February 3, 2014 at 1:42 pm #218768
    Yigit

    Hey!

    You can find Fullscreen Slider under Media Elements in Avia Layout Builder http://i.imgur.com/qFJliKX.jpg
    And you LayerSlider responsiveness should be switched on Global Settings as shown in this screenshot http://i.imgur.com/EtPKy0J.jpg

    Best regards,
    Yigit

    February 7, 2014 at 11:28 pm #221071
    bc3inca

    Hi Yigit, thank you for responding. The problem that we have is that we have 4 layers on the slider. Each layer needs to appear at the same time, but each layer needs to be linked to a different page. I don’t see how to do that with either of the other sliders.

    I’ve updated the Global Settings on the LayerSlider, but the layers still overlap on small screens such as an iPhone. On the demo theme, the slider and the layers resize automatically depending on screen side. It is truly responsive. How do I get my slider to behave in the same way?

    Thanks,

    Matt

    February 10, 2014 at 9:40 am #221594
    Dude

    Hey!

    The demo slider uses this configuration

    http://www.clipular.com/c/6408665238077440.png?k=vs2mu5TB45G8xD1NWynZsmBKVHY

    – make sure that the “responsive under” and “layers container” width is set to 1140px.

    Best regards,
    Peter

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Responsive Slider’ is closed to new replies.