Hiding an element makes it invisible in the page's normal state.
You can still make it visible in other states and it is still visible when editing the page.
To make an element start hidden:
1. Drag the element to the desired position
2. Select the element that you want to hide
3. Click the Visibility icon in the element's settings menu and then click the Mark Elements as Hidden button.
4. To make the element visible again click the icon and Mark the Elements as visible.