Hello Webflow Forum!
Currently building my virtual art gallery website on this platform, and have found Webflow and incredible and invaluable tool to do it.
But for one of my pages, Safari is really mucking up the page when it loads, although both the preview on Webflow and loading on Chrome and Firefox work seamlessly.
Let me show you. Here is how the page is supposed to look, working here on Chrome:
But this is how Safari renders the page:
Three things go wrong here:
- Most obviously, the “DaVinci Background” is transported to the foreground, even though it’s z index is at 1 and the main wall and frame “Room DaVinci” is at z index 2. Safari is also brutally chopping off the bottom left corner of the image.
- The “Artist Title DaVinci” and “Artist Shadow DaVinci” have been removed for some reason.
- On the right-hand side, The Virgin of the Rocks has flipped places with its shadow.
I think that there is some issue with interactions that is messing this up, because if I remove both of the “Dynamic Title Davinci” Move Mouse in Viewport Page Triggers, then things improve. I can’t find a solution which keeps these much needed interactions though.
I don’t get this issue with any of my other pages, even though my interactions across the whole website are similar to the ones on this page. I’ve rebuilt this webpage from scratch today with no change or success.
I dearly hope someone could help me out with this!