Hey guys, I've noticed a super weird issue with the 3D css transformations on iOS devices (in any browser) and in Safari on MacOSX (chrome on MacOSx works fine.
Upon entering my site, you'll notice 3D transformations on the peppermint shaped bottles which, when clicked, flip over 180* to show the backface, another Div. This issue effects all four of the 3D transformations on the page in sections 2-5. The breakdown is as follows:
Le Grandeur Format
----Text block & Image block
----Div with 2 headers, a text block, and another div with an HTML embed
The transformations work perfectly on every device I've tested in every browser I've tested across multiple devices with big and small screens, with the exception of EVERY iOS device in EVERY browser, which fails miserably, showing nothing at all upon transform interaction and cuts the text off at the top upon flipping back over.
I know this is still super new, but uhhh...what's going on here?!