Wix Editor: Removing Horizontal Scroll Bars from Your Live Site

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. Learn how to stretch an element to full width

  • Have a width bigger than 980px

  • Are placed at the edge of your Editor screen (or going off the screen). Learn more about the Layers panel

• 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. Learn how to attach an element to a strip

• If you have images that are placed outside the gridlines, we recommend that you add them as a strip background instead. Learn how to add an image to your strip background

• If you stretched a gallery to full-width manually, we recommend that you change it to a full-width gallery.

This article is credited to the Wix team - https://support.wix.com/ and we thank them for that!