Elementor Editor layout #

The Editor consists of three main areas: the top bar, the panel, and the canvas.

Top Bar #

This is where you’ll find the tools and settings you need to build and customize your page.

Panel #

The panel is where you’ll find the design elements, such as containers, and widgets, such as the Heading widget, used to build your page.

The panel is also where you adjust the settings for elements, pages, and the site. 

Canvas #

The canvas is also known as the Content Area. This is where you’ll create your page/post/site part.

If you want to increase canvas width, click the Hide Panel arrow to add more space.

If the page header and footer appear on your canvas, their color changes when you hover over them. 

Click inside either the header or footer, to switch from editing the page to editing that site part. 

Click the page area to return to editing that page. You are prompted to save before switching.

Creating a container #

On the canvas, click the + icon.

You can now select a container layout.

Choose the first container layout. This will create one container with a vertical layout.

On the top bar, click the plus icon.

From the panel, drag the Heading widget to the new containers.

Drag an element to the canvas #