top of page

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.

    • 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.

Commentaires


bottom of page