Apparently the phones can’t render background image positions set to fixed (parallax scrolling), the image is fixed when rendering on the computer, but loses that value when opening the page on the phone. Both android and iphones have these problems.
would anyone know a code I could insert to make it possible?
You could also visit http://davidfive.webflow.io/ on your phone to see what I meant by the image not having parallax scrolling. It works on the computer, but doesn’t work on the phone. I’ve looked through other forums and have emailed the webflow support, and it seems that writing a custom code is the only way to solve the issue.
hello @pupinko thank you for the code, I am facing some problems trying to work it out the background URL from my webflow site, but I’ll see what I can do to fix it!
I’ve tried adding an id to reference the page container, and also wrote the right URL path to the img, but it doesn’t seem to work. The image disappears when i set the code inside the custom code section.