How to Move Sections in Elementor (3 Ways)


With drag-and-drop builders, it is relatively easy to move sections on your page. With Elementor, there are three ways to move sections. In this page, we will cover the three ways to move sections (or elements) in Elementor.

Table of Contents

Method 1: Dragging and dropping

The first method is relatively straightforward. All you need to do is click on the section you want to move and drag it anywhere else on your page. 

If it is an Inner Section element, all you need to do is click on the six dots and drag it. If it’s another element (such as Text Editor), you can click on the pencil button on the right hand side and drag.

Moving sections in Elementor

Method 2: Using Navigator to Move Sections

The second way is using the navigator. For those that are familiar with Adobe products, the navigator looks much like Photoshop or many other Adobe products. There are many ways to go to the navigator.

1- Click on the navigator button in the panels footer.

You may also right click any element and then select navigator. This will immediately take you to the desired element in the navigation tree.

Elementor navigation tree

2 – When the navigator is open, click and hold your left mouse button on the section you wish to move.

3 – Drag the section to its new place while keeping the mouse bought and pressed

4 – Then release the mouse button when you see the blue line appear at the proper location on the screen.

moving sections using navigation tree

Method 3:Copying and Pasting

Elementor allows for right-clicking. That means you can copy and paste.

You right-click on the section you want to move and click “Copy” and then right-click where you want to paste the section and click “Paste.” 

There is no “Cut” option in Elementor so you would have to delete the original section after pasting it.

Also keep in mind that Control + V on your Windows computer will not do the trick. You will actually have to right-click on the Elementor page and press “Paste.”

copying and pasting Elementor sections

Other Tips for Working with Elementor Sections

Now that we talked about the three methods for moving sections in Elementor, let’s talk about some of the other related topics regarding Elementor sections.

How to Add Sections in Elementor

Adding sections is extremely easy with Elementor. All you need to do is either 1) select the widget you want to add and drag it onto your page or 2) press on the plus button.

adding section elementor

How To Reduce Space Between Sections In Elementor

1 – Click the section to adjust the spaces

2 – From Layout tab, go to the Advanced tab

3 – Go to padding, add “0” or any number you prefer, and click the link icon to unlink if you don’t want to adjust spaces for all the sides.

How To Delete Sections In Elementor​

Deleting a section is super easy. Just right-click on the section and select “Delete.”

Share on Facebook
Tweet this article
Share on LinkedIn
Email this article

More to explorer

Crafting Hero Section in Brizy

Understanding the Importance of a Hero Section Introduction to Hero Sections A hero section is the prominent and visually striking part of