I suspect this is an old issue, but I can't find any specific workarounds for LayerSlider: Is there a way to get Parallax scrolling in LayerSlider to work properly in Chrome or Safari on iPhones/iOS?
See website above for an example. Working fine in Safari and Chrome desktop in both MacOS Ventura and Windows 11 - but iOS seems to kill everything that's fun :-(.
First, create a HTML layer and remove the text from the content field. Then, drag that layer in the bottom of your layers list. After that, please follow all the settings you can see on the attached screenshots. You will get a full-sized pinned layer which won't move/scroll with your page.
George, this worked perfectly. Thank you. Once I got the layer set up in one of my sliders, the import layer function made it super easy to make the change on all the rest. I'm very grateful to all the work your team has put into this UI.
A suggestion for a future iteration: In the "add layer" dialog, create a new layer element called "Parallax Background" that is essentially an HTML layer with all the presets to make it work properly, and a default image pre-loaded, then have it auto-load to the bottom of the layer stack. That way users (particularly noobs like me) will be less likely to be caught up by iOS ruining all the fun in life.
I suspect this is an old issue, but I can't find any specific workarounds for LayerSlider: Is there a way to get Parallax scrolling in LayerSlider to work properly in Chrome or Safari on iPhones/iOS?
See website above for an example. Working fine in Safari and Chrome desktop in both MacOS Ventura and Windows 11 - but iOS seems to kill everything that's fun :-(.
Hello Paul,
Unfortunately iOS does not support the fixed background feature. https://forums.developer.apple.com/forums/thread/99883
But we have a workaround:
First, create a HTML layer and remove the text from the content field. Then, drag that layer in the bottom of your layers list. After that, please follow all the settings you can see on the attached screenshots. You will get a full-sized pinned layer which won't move/scroll with your page.
Attached files: Screenshot 2024-06-19 at 12.28.20.png
Screenshot 2024-06-19 at 12.27.57.png
Screenshot 2024-06-19 at 12.27.49.png
Best Regards,
George | Kreatura Dev Team
George, this worked perfectly. Thank you. Once I got the layer set up in one of my sliders, the import layer function made it super easy to make the change on all the rest. I'm very grateful to all the work your team has put into this UI.
A suggestion for a future iteration: In the "add layer" dialog, create a new layer element called "Parallax Background" that is essentially an HTML layer with all the presets to make it work properly, and a default image pre-loaded, then have it auto-load to the bottom of the layer stack. That way users (particularly noobs like me) will be less likely to be caught up by iOS ruining all the fun in life.
Thanks again, and cheers!
Paul
Great, thank you for the feedback!
We will consider your idea regarding the unique layer type.
Best Regards,
George | Kreatura Dev Team