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.
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.
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.
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.”
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.
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.”