the animation shows well here: https://pure-air.com/walk-in.html
but the same animation DOES NOT show here: https://pure-air.com/deving.html
Please help, I have spent 3 hours trying to figure out why? it is the same animation, I just wanted to make it responsive but gave up, and I need to create 5 of these, I have checked the developer tools, more than 100 times, and I can't find what is the error, please help!
You appear to be using a flexible layout for the height; this makes the height value of Hype's main containing div set to "100%". However, there is no defined height for a parent, therefore 100% of 0px is 0px, and the container would not show up.
The fixes would be:
- Uncheck the height scale in the Scene/Layout Inspector so it is not flexible on the height dimension. This means it would have a height that is explicitly defined in pixels.
- Add a parent div to Hype's main container that has a height value
Wow, Jonathan, that was quick, Impressed!, Thank you so much! You are right, I missed that ! I have been trying to make it responsive by grouping all the elements and animations in one "group" and then playing with the flexible layout, and forgot to set a height to the container on the website...Thank you!!