Why is there empty white space or scrollbars on the mobile version of my landing page?
There may be an element on the mobile version that is extending outside of the safe-zone of your published page. Here are some steps on how you could fix this:
Step #1: Turn on Guides
Guides will help visualize where the out-of-bounds elements are. If anything is out of the published area of where it should be, it'll be highlighted in red.
Step #2: Open Contents Panel
By opening the Contents panel, you can then go through each element and layer to see if there's anything that's turned on but not being used. If you find something out of the ordinary, just hide it by pressing the eyeball, or simply delete it.
Step #3: Look for Misplaced Elements
Scroll as far as you can to the right and look for anything that's highlighted in red. Elements could be hard to see, or completely transparent, but if you have guides on they should be easier to spot. If you find something that's out of the boundaries, feel free to move it, hide it or delete it.
If you delete the element on the Mobile version, it will be deleted from Desktop as well. To avoid affecting the Desktop version, hide the element using the Contents panel instead.