Okay
  Public Ticket #2349448
Disable tilt on mobile devices
Closed

Comments

  • Michael started the conversation

    Hello

    I realised that my parallax on moose hover sliders tilt heavily on mobile devices. I want to completely disable the Tilt on mobile devices but keep the parallax mouse hover effect on desktop. I guess its probably just a setting somewhere and i just don't find it. Or maybe you can provide some code to disable it. 

    Thank you.

    Michael

  •  244
    Kreatura Support replied

    Hello Michael,

    Thank you for getting in touch with us!
    Could you please export and send me your slider or a temporary wordpress admin to your site? I would like to check the configuration of it. Thank you, in advance.

    Best Regards,
    Andrea | Kreatura Support Team

  •  244
    Kreatura Support replied

    Hello Michael,

    I checked your slider. There are two solution for that:

    1. You should create a copy about your image layer and disable the parallax on that. After that you should set the layer visible on mobile devices only and disable the original layer on mobile.
    https://layerslider.kreaturamedia.com/documentation/#layer-options
    You should check the image in the documentation, there is the "Show this layer on the following devices" parameter.
    2. The second solution is that, if you create a separate slider for mobile. You can specify the hide under and over settings in the slider settings / mobile tab.

    If you will have any other question, feel free to ask.

    Best Regards,
    Andrea | Kreatura Support Team

  • Michael replied

    Well so you basically saying the things that are obvious. Both of ur options are pretty much the same. Just use another slider on mobile. This is more work to do. I have many sliders on my webpage! Could you instead please provide some code, that holds mobile devices away from reacting with the Gyroscope to it?

    Thank you

  •  73
    John replied

    Hi Michael,

    I'm John from the Kreatura Dev Team. 

    We've looked into this issue and found an easy way to disable parallax transitions on mobile devices. Just copy and paste the following code into Event Callbacks -> SliderDidLoad:

    if( slider.data.device.isMobile ){
        slider.userData.parallaxSensitivity = 0;
        slider.data.transitions.layers.parallax.defaults.sensitive = 0;
    }

    So it should look like this:

    9239456440.png

    We'll also add a dedicated option for this feature in the next release of LayerSlider.

    Best Regards,
    John | Kreatura Dev Team

  • Michael replied

    Hey John,

    You really saved me with this one! It solved the issue completely. 

    Thank you very much and kind regards!

    Michael

  •  73
    John replied

    I'm glad I was able to help!smile.png

    Best Regards,
    John | Kreatura Dev Team