Forums

Animation positioning

Permalink
Hi guys,

I’m building this responsive site (concrete5 + bootstrap3 theme) with animation on its first block. –> testi2.aada.fi

I made this animation with Animatron and i placed its code in header image block.

My problem is that animation goes to background under other blocks as well and top positioning is chancing when screen size changes and would like animation always sit on its own place with same distance from top..

This is only css that i got from Animatron:

body.no-iframe .anm-wrapper {
top:500px;
left: 50%;
display: block;
position: absolute;
}

This is java script code:

<html>
<head>
<script type="text/javascript" src="/packages/bootstrap/js/common/player.js"></script>
</head>
<body onload="if(typeof start === 'function' ) { start(); }">
<div id="target"></div>
    <script type="text/javascript">
        var originalWidth = 1472;
        var originalHeight = 485;
      //set the width to window width and update height proportionally
        var width = document.documentElement.clientWidth;
        var height = originalHeight * width/originalWidth;
        var playerParams = { 
            width: width, 
            height: height,
Viewing 15 lines of 33 lines. View entire code block.



Can someone give me a hint?

// Mika
 
CMSDeveloper replied on at Permalink Reply
CMSDeveloper
Hello, Aada

Wanted to give your site a check, to see for myself.
Get the login screen...can you make the test domain public?

Greetings,

Peter