How Do I Remove White Spacing/Scrollbars On Mobile?

Follow

If you're seeing 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 options for fixing this issue:

Turn on Guides

Guides will help visualize where the out-of-bounds elements are. If anything is not where it should be and out of the published area, it'll be highlighted in red. 

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. 

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.

Note:

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.

Was this article helpful?
1 out of 2 found this helpful