Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 4, 2014 at 12:14 pm #205307
    J_D_G

    Is it possible to disable the LayerSlider layers when viewed on mobile devices? I’d like to keep the slider visible if possible so the slideshow still worked but the layer effects are too small to be useful on mobile screens would like to disable them.

    Thanks
    John

    January 4, 2014 at 8:12 pm #205391
    Josue

    Hey John!

    No, i don’t think it would be possible to disable only the effects of the LayerSlider, alternatively you can disable the whole slider when on mobile.

    Best regards,
    Josue

    January 4, 2014 at 8:34 pm #205397
    J_D_G

    Thanks Josue, that would probably be an option. How is this done?
    Alternatively is there a way to have a different slider when on mobile (eg slider1 on the home page when full size/slider2 when on mobile)?

    Thanks again

    John

    January 4, 2014 at 8:50 pm #205404
    Josue

    Hi!

    Yes, that would be possible, please create these two sliders and put them on the same page (one next to each other) and post a link to it so i can provide you with the exact CSS code.

    Best regards,
    Josue

    January 4, 2014 at 8:59 pm #205409
    J_D_G

    Hi Josue,
    I’m currently developing locally (I use Desktop Server as it’s quite a big site) so unfortunately I can’t provide a link. Any way you could provide some “generic” CSS that I could adapt?
    I’d still be interested in how to disable the slider completely for mobile too.

    Regards

    John

    January 4, 2014 at 10:12 pm #205435
    J_D_G

    Just to update this – I think I’ve managed to get the layers to display on full-size only and be disabled on mobiles using the attributes tab of the layer and a little custom CSS.
    Thanks again for your prompt replies and help.

    John

    January 5, 2014 at 1:16 am #205454
    Josue

    Great, glad you got it working :)

    Regards,
    Josue

    January 5, 2014 at 7:10 pm #205627
    poppenhaeger

    Hello,
    I would like to disable the slider when on mobile devices.
    Could you please have a look and send me the custom CSS:
    http://artsandcrafts.ch/

    Thanks in advance!
    Fred

    January 5, 2014 at 7:13 pm #205629
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

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

    Regards,
    Yigit

    January 5, 2014 at 7:17 pm #205630
    poppenhaeger

    Thanks for the quick response!
    Works just fine.

    Regards,
    Fred

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Disable slider layers on mobile’ is closed to new replies.