Nested modules let you place one module inside another. You can nest rows, tabs, sliders, and buttons as deeply as you like. Every element becomes a container with full flex and grid controls so that you can design complex layouts without custom code. Divi’s UI also makes it easy to insert, reorder, and manage nested content with right‑click controls, sortable lists, and improved drag and drop.
What Are Nested Modules?
Before Nested Modules, modules lived in rows and columns. You could not put one module inside another. Nested modules change that.
Each module can now act as a parent container with its own flex or grid layout settings. That means you control how child elements align, wrap, and space out.
You can apply structure templates to any element and use pre‑built column widths instead of calculating sizes yourself. The result is faster design work and more creative freedom.
How to add a nested module
Open the settings for any native Divi element.
In the Content Tab → Elements option group, choose Add Element.
Pick the row or module you want to insert. You can nest rows, columns, or any module.
Additionally, you can right-click on any existing module in your page layout and choose to insert a new module either above, below, or inside another element. You no longer have to click the plus icon; instead, use the right-click contextual menu, which gives precise placement.
Working with nested layouts
Flex and grid containers
Every element is now a flex or grid container, not just rows and columns. You can:
Apply flex or grid structure templates to any module, which control how its children are arranged.
Change the flex direction to reposition native content - for example, put a blurb’s image to the left of its text by setting the direction to row.
Use the new flex column width options to quickly set widths without doing math.
Improved UI for nested content
Divi 5 makes nested content easier to manage:
Add and paste anywhere: Right‑click to add or paste elements above, below, or inside the current element, giving you more control than the plus button.
Sortable list: The Elements panel shows child elements in a sortable list for quick access.
Drag & Drop: Enhanced drag‑and‑drop lets you drop modules inside other modules, with better visual indicators.
Consolidated layout options
Modules such as the blog, gallery, and portfolio had their own "grid mode" settings. These have been removed and replaced by Divi 5’s unified layout options. Similarly, special layout‑direction settings like "Form Left, Content Right" have been migrated to standard flex settings. You now find all grid and flex controls in one place, making the workflow consistent across modules.