Skip to main content
davbog
Participant
June 18, 2018
Answered

Animate CC html publish not displaying on iPhone X

  • June 18, 2018
  • 2 replies
  • 606 views

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

This topic has been closed for replies.
Correct answer davbog

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>

2 replies

davbog
davbogAuthorCorrect answer
Participant
July 3, 2018

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>

Preran
Legend
June 20, 2018

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