Help Center / Help Center / Deprecated / The Container

The Container

Last Update: July 16, 2023

Introduction

Containers are a new lean layout structure feature in Elementor, that allow you to achieve pixel-perfect responsive designs, and highly advanced layouts, quickly and with a much slimmer markup, which reduces the DOM output and improves performance significantly. 

Containers are an Experiment

Flexbox Containers are first being introduced as an Alpha experiment, and should be used with caution, and not on a live website. 

We recommend setting up a sandbox website on your local machine or development server. This will let you learn how to best use the Container in your designs without any worry about messing up your current live environment.

How to enable the Container

To enable containers, navigate to Dashboard > Elementor > Settings > Experiments. Locate the Container experiment from the list. You may then select “Active” from the dropdown and save your changes.

When the experiment is turned on, you will be able to add new Containers to a page, instead of Sections, Columns and Inner Sections. You’ll also be able to add Containers to an existing page that was previously built with the section-column layout.

On this page

Share this article