16 Replies Latest reply on May 13, 2013 11:15 AM by ThreatLevelMidnight

    Hiding background animation elements that are beyond the edge stage?

    ThreatLevelMidnight

      Hi there,

       

      I can't seem to figure this out, and i'm at the end of my limited HTML and CSS knowledge. I created an animated background in Edge to use on my site, but the elements that should be hidden beyond the 1500px stage just sit there and are visible if you resize your window. i attempted to customize it with a #stage id and overflow:hidden but it did nothing.

       

      my website is http://sharkology.businesscatalyst.com/index.html and if you resize your window past 1500px, or scroll over to the right, you can see one of the images just waiting until it is activated. i'd like to hide everything past the 1500px mark but i can't figure out how to do that.

       

      the Edge Runtime script is in the head, including the <style> for .edgeLoad and .updateBack elelments. the <div id="stage" class="updateBack"> is the first line of code in the html, then the tag is closed and i have my main container.