Edge Animate issues in mobile and tablet devices

Question

I am brand new to Edge Animate, have watched several tutorials and have done research on my problem but haven't found the answer to my problem. 
I opened an HTML (5) page in Edge Animate, and animated two items on the page.  I created a fade in for the name in the header, and I created a text slide in with some header text in the main content on the page.  The text slide in starts at 0 opacity and 20% size off page, then as it slides in it grows to full size and reaches 100% opacity.  The page (created and maintained in Dreamweaver CC) is centered in the browser window.
Everything work great in all the browsers on a regular PC.  (I have tested on pc in Safari, and it seems to be fine there too.)  The only issues occur when viewed on an iphone 4s, ipad, (both of which have the latest version of ios) and on a kindle fire.
On all of the above listed devices, the page starts full size, then becomes smaller, (following the 20% setting maybe???).  The name fades in fine, and once the text slides in (starting small as desired and gaining size and opacity) and completes, then the page comes up to full size.  BUT, it doesn't center the page in the browser.  I tried loading the page both in safari and on google chrome on the ipad.
I don't know if I missed a setting in the export, or if there is something I have done wrong in the creation of the animation?  I've tried different settings, and now I am hoping to get some advice from this community.  Thank you in advance.
If you would like to see the page, please go here demo page
All suggestions are appreciated. 
Thank you!

Answer 1

Hopefully we will find someone with some idea of what is happening.  Fairly new program, I guess.
My larger issue by far at this point is figuring out how I am supposed to be saving the project (existing html work) so that it stays in the page if I make changes to the page in dreamweaver.  I have watched every tutorial I can find on opening an existing html page in AE, animating a couple of elements on the page (which is very cool that we can do that!), and the odd thing is all the tutorials take you through the opening and animating, but then they don't say, "to save the project in your site folder....it just ends with animate and viola!!
So I create the animations, save the project--which places a "publish" folder in my site root folder and when I look in the publish folder, Animate has created duplicate html pages of ALL my pages, not just the one I animated, and they are all in the "publish" folder.  If I publish the site, the animations work (but my navigation no longer does because, I believe, it is using the publish folder not the site root folder) until I make a change in Dreamweaver CC to the page I animated.  Then the animations no longer work!
I'm obviously not saving or publishing the project correctly, but for the life of me, I have not been able to find the RIGHT way to save an existing html page in an existing site root folder...
Thanks for the response...good luck!