How do I convert sections to Flexbox Containers?

Image of the Edit Section menu.
Converting sections to containers is easy!

By using the Convert to Container option, you can quickly convert any existing section from your design or from the Template Library into a container element. This will save you valuable time as you migrate to containers. 

Although containers are currently a stable experimental feature in Elementor, providing you with the ability to group and layout items more effectively. Once created, you can also save them as container templates that can be used repeatedly throughout your website to save you time during the creation process or when changes are required. You also can nest containers inside containers to create complex templates with ease. 

Note: While you can convert a page using sections and columns to containers, this is a one-way process. You cannot convert a container page to work with sections and columns.

Converting to containers

In earlier versions of Elementor, Flexbox Containers were either unavailable or not used by default so you may need to activate them. If you don’t see the Convert Option mentioned in the next section, you’ll need to activate containers before you can use them. To do so:

  1. Navigate to the WordPress Dashboard to enable or disable Containers.
  2. Go to the Elementor tab.
  3. Navigate to Settings
  4. Select the Experiments tab.
  5. Go to Flexbox Containers in the main window.
  6. Select Active from the dropdown menu. 

Converting sections to containers 

To convert sections of your website to Containers: 

  1. Select the section you want to convert.
  1. Click the Edit Section. 
  2. Select Convert in the Edit Section menu.
  3. Navigate to the bottom of the menu and select Update.
Image of the Edit Section and Navigate menu.
After selecting update you now have a container and container options.

Final words 

In this article, we’ve covered how you can convert existing sections into Flexbox Containers. Next, you may want to check out how to edit the size and function of each container to fully understand how containers work.

To get the most out of Elementor, check out the Elementor Academy for more helpful learning resources. If you come across any issues or need help, please contact our Support Center.

Share it on social networks

Share on facebook
Share on twitter
Share on linkedin
Share on email
Was this article helpful?

Get Started With Elementor Today

Join millions of professionals who use Elementor to build WordPress websites faster and better than ever before

On this page