I have a project that is a parallax scrolling webpage. I created it by setting the scene size to be as long as the full parallax content. The user can then scroll up or down and interact with various items on the page. I placed all my elements into a group and gave it a flexible layout pinned on top and both sides, and a scale behavior of “shrink to fit”, with responsive to 100% width. The project works well and scales responsively, but at small window sizes it leaves a huge white space at the bottom of the window that is continually scrollable. How can I avoid that? Attached is a mocked up example of what is happening when you view the project at smaller browser window sizes.
Any help would be really appreciated!!
whitespace issue.hype.zip (12.6 KB)