I want to make my animation responsive but its not working correctly.

Question

Here is a better example of what the issue is.
http://re.g-ram.co/1uHfiWu
The animation is suppose to be right below the navigation. Can anyone guide me on what or how I can center it without having it absolute positioned at the top?
Its being written by jquery. one of my clients did the animation. All i am doing is integrating it in the html.

Answer 1

hey, thanks for the reply but that isn't the issue. my issue is that the animation doesn't stay within the div container. I tried what you said via chrome console but that's more of a hack way of doing it. I should be able to contain the animation within the div that its being wrapped with but for some reason it is jumping outside the div container.
Does that make sense? Would be awesome if there was a walkthrough on how the edge animation settings worked. for example the code below. would i need to adjust something below for it to contstrain within the container?
    scaleToFit: "both",
    centerStage: "both",
    minW: "320",
    maxW: "1200",
    width: "830",
    height: "430"
}, {"dom":{}}, {"style":{"${symbolSelector}":{"isStage":"true","rect":["320px","1200px","830px","430px"] ,"fill":["rgba(255,255,255,1)"]}},"dom":{}});