Sticky / Absolute container not visible on Safari or Mobile

Design help General
1

Hi,
I have a section with a sticky div block. While sticky, the container below with a caption is supposed to come into view from the bottom.
It works great in preview mode and chrome desktop. On mobile and Safari, the text is not visible.
I have checked everything to make sure there are no layers with overflow:hidden. I’m really struggling to find the solution.
Any help would be appreciated.

https://preview.webflow.com/preview/blank-f0d6f8?utm_medium=preview_link&utm_source=designer&utm_content=blank-f0d6f8&preview=dbbdc0c787111f1208e040f0a4f01bdf&mode=preview

2

Looks ok to me… do you have a published link to see what the live site looks like?

3

Here’s the published version: https://blank-f0d6f8.webflow.io/ .

On Chrome-desktop it works fine. On Safari-desktop the problem occurs as well as on Chrome-mobile. I haven’t tested any other browsers or devices.

4

Working fine on Chrome and Firefox on Android as well as Desktop.

5

So then it’s pretty limited to just Safari, and iPhones. I think I’ve got it. I had the parent container and the child wrapper both set to Absolute. Apparently this is bad practice or something and some browsers/devices don’t like it. I just set the parent to Relative and the child to Static. Seems to be working now.

Thanks @Jonathan_Holden