Hi there, are you adding the Edge div dynamically on top (higher z-index or overlapping) of non-Edge content? Or does the Edge content have a permament home at the top of your site?
I actually managed to fix it already. The animation works more or less as a welcome splash screen. So it was intended to overlay the content and disappear once the animation is finished.
I managed to fix it by adding an extra div between the animation and the content of the website which hides when the animation is finished loaden.
I do have an other question though. Is there a way to make sure the animation only plays when people arrive at the website an not when they navigate to the same page again?
Glad you got it working, and thanks for sharing your solution!
In order to play/show the splash only the first time, you can set a cookie (outside of Edge), and check the cookie to show/hide the div that holds the Edge animation.
Can you post how you did this ? trying to the do the same thing...
It's also in my reply above. What I did is add an other div to my website which overlaying the complete content.
Then you add in the animation a line to hide this div before the animation starts playing like so:
So add this to the stage in "CompositionReady" --> jQuery("#div").hide();
This will make sure that the animations hides the div before playing so you will see first only the overlaying div and once the animation is ready to play, this div will hide and the animation will start.
Hope this helps.