Copy link to clipboard
Copied
I am new to Animate CC which I really like and makes creating animations quite easy. When I publish an Animate OAM package and place it on a web page using Dreamweaver CC and Bootstrap 4, the animation looks great and is fully responsive from lg to sm screen sizes - but as the screen size gets smaller there is a proportionally larger span of white space between the OAM and whatever element is next. On my cell phone this empty space takes up half the screen,
Here is a good web page example: https://andrewandterry.net/TestingObjects.html.
In the Animate publish settings I select responsive=both. As you can see from the web page attached I get the same behavior if I wrap the OAM in an <object> tag (default Dreamweaver) or an <iframe>. I use width = 100% and height = animation pixel width. I have tried several different configurations including wrapping the <object> element in a div class embed responsive item, etc.
Anyone have suggestions?
Have something to add?