Animate CC html publish not displaying on iPhone X

[davbog]

I'm experiencing an issue where an animation I've made displays on every device and browser I've tested, except for the iPhone X. To be sure it wasn't the iOS version (iOS 11.4) I've tested it on the iPhone 8 as well and it works there. I'm surprised to not find this issue anywhere on these forums or elsewhere. Any ideas what's causing this?

cardsanimated_v2-09

[Preran]

I do not have an iPhone X available for testing. I am hoping someone here can test it for you. Like you said, this is the first issue of this nature that I am seeing on social channels.

Thanks,

Preran

[davbog · Accepted solution]

Adobe took two weeks to get back to me... however, it is now resolved.

Under publish settings, "Make responsive" needs to be checked.

Also, here's code I inserted into the head section of the exported file to make the file responsive when used as an iframe specifically for ios safari on iphones:

<style>

        html, body {

            overflow: hidden;

            width: 100%;

        } 

        #dom_overlay_container, #canvas, #animation_container {

            width: 100% !important;

            height: auto !important;

        }

</style>