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 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.
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.
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?
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:
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
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
Here is the Export of my Slider:
https://drive.google.com/open?id=15uANLvjvQHkRN4DqLL1eqUx_KfcXgpkj
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
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
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:
So it should look like this:
We'll also add a dedicated option for this feature in the next release of LayerSlider.
Best Regards,
John | Kreatura Dev Team
Hey John,
You really saved me with this one! It solved the issue completely.
Thank you very much and kind regards!
Michael
I'm glad I was able to help!
Best Regards,
John | Kreatura Dev Team