What is a container?
Elementor’s Flexbox Containers help you manage your web page components and overall layout. Containers are a stable experiment within Elementor, allowing you to use them once you enable them in your website settings. You can use the Container feature without disrupting your site and streamline your workflows.
Three ways to create containers
You can use one of the three ways to create a container.
1. Drag and drop a Container
Drag the container from the widget panel onto the “+” sign in the canvas.
2. Drag and drop a widget
Drag and drop a widget onto the canvas near the “+” sign from the panel.
3. Create a container above an existing container
To use this method, follow these steps:
1. Scroll over the container. A tab will appear on top of the container.
2. Click the “+” sign in the tab.
Space for a new container will be created above the existing container.
After you’ve created your container, you can start building your page by dragging widgets inside. You can even drag a container inside another container to create a nested container. Creating nested containers is especially useful if you need to group certain widgets together. That said, the best approach is to build a page with as few containers as possible.
Final thoughts
With Flexbox Containers you can streamline your web design workflows by creating templates and managing items effectively. To use containers, you might need to turn on experiments and activate the Flexbox Container’s experiment. Now that you know how to create containers, check out the basics of how containers work.
To get the most out of Elementor, check out the Elementor Academy for helpful learning resources. If you come across any issues or need help, please contact our Support Center.