Hi @Harris62, thanks a lot for the post. The reason why this is happening with the white space is that there are some interactions that run on page load to move some elements in from the left and the right.
The initial state of those elements are moved off to the side of the page and with an opacity of 0%. Even though the elements are invisible, they are still taking up space as they are NOT set to display none on page load.
When the page loads on mobile, the whitespace is initially created on the page but is not removed when the interaction runs.
The solution, is to make sure that for each element which is moved off of the page, let us say left or right, that the element is set to display none on page load as an initial appearance and then the first step of the interaction is to set the element to display block/flex etc.
I hope this helps, let me know, If you have any questions
For example, add a hide/show to the Top Heading to have an initial state of display none:
Then make the first step of the interaction for that class to be set to display block:
The interaction should work the same