Hi everyone. I’ve done a lot of the tutorials but this is my first time making a site on my own with Webflow.
My hero image is a composite of two images laid on top of one another, in order to achieve a parallax effect. The problem is that when I view the published site on either my iPhone or iPad, one of the two images doesn’t appear initially. It only appears once I start scrolling down the page.
It works fine in the designer’s preview mode and on my Windows laptop (tested Chrome, Firefox, Edge, and IE), and also works fine on an older Blackberry phone using Chrome.
Does anyone know what is going on here?
Here is my site Read-Only: https://preview.webflow.com/preview/change-weavers-consulting?utm_medium=preview_link&utm_source=designer&utm_content=change-weavers-consulting&preview=ad99337a29aca279bae7619e650d1242&mode=preview
And published site: https://change-weavers-consulting.webflow.io/