Wix Editor: Working With the Editor Gridlines

Gridlines are the dotted lines inside the editor that can help you ensure visitors can see your content  on every screen size. Place all of your elements between the gridlines to prevent viewing issues on smaller devices (e.g., elements getting cropped). 

The gridlines are only visible inside the editor, but you can always disable them if you prefer it.

Visitors don't see the gridlines on your live site. They are there as a guide to help you map and design your site better.

It's important to place all of your content inside the vertical gridlines to ensure it's visible across different browsers and devices. Elements that are placed outside the vertical gridlines might be cut off on tablets and smaller screens. 

You can place full-width elements like Strips and Galleries on your page, even if it seems they don't fit between the gridlines. Having said that, make sure that important content (e.g., text, buttons, etc.) is still placed inside the vertical gridlines. 

You can enable or disable gridlines as you please, directly from the top bar of the editor. Simply select or deselect the checkbox in the Tools drop-down menu.

Columns have gridlines that are separate from the editor gridlines. As in the editor gridlines, you should place your content within the column's vertical gridlines to ensure that it appears correctly across devices and browsers. 

The column gridlines override the editor gridlines. This means you can place elements outside the editor's vertical gridlines, as long as they are inside the column's gridlines. 

Below are some of the most frequently asked questions about the editor gridlines. Click a question to read its answer: