When viewing your site on different screen sizes and devices, you may see a horizontal scroll bar on your browser and large spaces at the edge of your site.
This occurs when you have elements that are placed outside the vertical gridlines:
Full-width elements such as strips and lines do not create horizontal scrollbars as they expand and shrink with the page. We therefore recommend that you use full-width elements whenever possible, or use the stretch feature when available.
To remove the horizontal scroll bars and spaces:
Use the Layers panel to identify the elements on your page that have a horizontal scrollbar. Look for elements that:
Are not stretched to full-width.
Have a width bigger than 980px
Are placed at the edge of your Editor screen (or going off the screen).
If the element does not have Stretch enabled, then enable it. If the element does not have the Stretch option available, then add a strip and place the element inside the strip.
If you have images that are placed outside the gridlines, we recommend that you add them as a strip background instead.
If you stretched a gallery to full-width manually, we recommend that you change it to a full-width gallery.