Divi 5 introduces nested rows, allowing you to place a row inside a column, up to one level deep. This provides you with more layout flexibility while maintaining a clean and predictable design. It’s an early step toward fully flex-based row structures.
What You Can Do
Drag and Drop Rows into Columns
Using the Visual Builder or Layers view, you can now move rows directly into columns, just like you do with modules.
Example:
You can place a 6-column row inside a 1/6 column. This creates layouts like:
Insert Row(s) inside a column via the Insert Modal
Click on the Insert icon
inside an existing Row.Click the New Row tab.
Choose the column layout you want to insert.
How It Compares to Divi 4
Feature | Divi 4 | Divi 5 |
Rows inside columns | ❌ Not possible | ✅ Supports nested levels |
Add Row inside Column | ❌ Modules only | ✅ Row + Module |
Layers View shows nested rows | ❌ Flat structure only | ✅ Shows nesting |
Responsive Behavior
Nested rows inherit the same responsive column behavior defined in Divi’s CSS. For example, a 4-column row inside a column still breaks into 2x2 columns on the tablet.
Grid-based modules (such as blogs or Portfolios) change their behavior based on their nesting. For example, a masonry Blog module with three columns will become one column inside a 1/3-width column.
Layers View UI
Nested rows appear as siblings to modules and are indented like modules within the column hierarchy.
Canvas Hover and Breadcrumbs
Hover UI remains mostly unchanged. Breadcrumbs in settings will show the full nested path: Page > Section > Row > Column > Row > Column. If the breadcrumb path becomes too long, it will be truncated rather than wrapped on multiple lines.
CSS Adjustments
To avoid layout constraints, nested rows will have set by default the following values for:
Width: 100%
Max Width: none
Real-World Use Case
Let’s say you want a sidebar with multiple stacked layouts.
You create a main row with a 3/4 + 1/4 column layout.
In the 1/4 column (sidebar), you can drop a nested row with 3 equal-width columns to display Icon modules.
Instead of breaking the main content, this will allow your sidebar to maintain its layout.
