November 12, 2026
Elementor sites built a few years ago use sections, columns and inner sections. Newer sites use Flexbox and Grid containers. If your site is on the old structure, you have probably seen the option to convert and wondered whether you should. This guide explains the difference, how conversion works, and what can go wrong.
What changed
The old structure was rigid: a section holds columns, and columns hold widgets. Anything more complex needed inner sections, which added more wrapping code.
Containers replace all three. A container can hold widgets or other containers, to any depth, and you control direction, alignment, wrapping and gaps with flexbox or grid settings.
| Sections and columns | Containers | |
|---|---|---|
| Structure | Section > column > widget | Container > anything |
| Nesting | Limited to inner sections | Unlimited |
| Code output | More wrapper elements | Fewer wrapper elements |
| Responsive control | Column widths and reverse order | Direction, order, wrap and gap per device |
| Whole area clickable | Needs a workaround | Built in |

Why containers are better
- Lighter pages. Fewer wrapper elements means a smaller page for the browser to process.
- Better mobile layouts. You can change direction and order per device without duplicating content.
- Less custom CSS. Alignment and spacing that used to need code are now settings.
How conversion works
- Open the page in Elementor and select a section.
- In the section's Layout settings, click the convert button.
- Elementor creates a container version directly below the original. The original is left untouched.
- Compare the two on desktop, tablet and mobile.
- Fix any differences, then delete the old section.
The conversion is done section by section, and it is one-way. There is no button to turn a container back into a section and columns, so keep a backup.
What to check after converting
- Spacing. Padding, margins and gaps often change slightly.
- Column widths on tablet and mobile.
- Background images, overlays and shape dividers.
- Sticky and motion effects.
- Custom CSS that targeted the old section or column classes. It will no longer match.
- Third-party add-on widgets, which sometimes behave differently inside containers.

Should you convert an existing site?
- Yes, gradually, if the site is actively maintained and you care about speed. Convert the most visited pages first.
- Leave it, if the site works, rarely changes and performs acceptably. Old sections still function.
- Do it during a redesign, if one is coming. Rebuilding with containers from the start gives a cleaner result than converting page by page.
Always convert on a staging copy first, never on the live site.
When a rebuild makes more sense
If the site has dozens of pages of nested inner sections, heavy add-on plugins and years of custom CSS, converting each section and repairing the differences can take longer than rebuilding the templates cleanly. That is also the point at which some owners move to a lighter builder. Our comparison of Breakdance, Bricks, Elementor and Oxygen covers the options.

Need help?
We convert, tidy and speed up Elementor sites as part of our Elementor service. Book a free call and we will tell you whether converting or rebuilding is the better value for your site.






