In Webflow, when editing a grid, is it possible to insert a new row in between existing rows?

Published on
September 22, 2023

Yes, it is possible to insert a new row in between existing rows in Webflow when editing a grid. Here's how you can do it:

  1. Open the Webflow Designer and navigate to the page where your grid is located.
  2. Select the grid element by clicking on it.
  3. In the right-hand sidebar, you will see the grid settings panel.
  4. Look for the "Grid Layout" section within the settings panel.
  5. Underneath the "Grid Layout" section, you will find a list of rows that make up the grid.
  6. To insert a new row in between existing rows, click on the "Add Row" button located at the bottom of the row list.
  7. A new empty row will be added at the end of the list.
  8. To move the newly added row into the desired position, click and hold the row's handle (the three horizontal lines) and drag it up or down.
  9. As you drag the row, you'll see horizontal lines indicating where the row will be placed. Release the row when you have reached the desired position.
  10. The row will now be inserted into the grid in the specified position.

By following these steps, you can easily insert a new row into an existing grid in Webflow. This allows you to have greater control over the layout and design of your website.

Additional Information:

  • You can also delete existing rows by clicking on the row's "Delete" button in the row list within the grid settings panel.
  • Each row in the grid can have its own set of columns, allowing for further customization of your layout.
  • Rows can also be nested within other rows to create more complex grid structures.

Example Search Queries:

  • How to add a row in between existing rows in Webflow grid?
  • Can I insert a new row into a grid layout in Webflow?
  • Webflow grid: How to add a new row?