Elementor: How to Move Sections

Elementor: How to Move Sections

Last modified: May 9, 2023

Cloudways

So you’ve designed your website and it looks great. The problem is that there is an issue. Perhaps something that you wanted above the fold is now below it, perhaps conversions are not as high as you thought they would be. Therefore, you need to make a small change and move some elements around. So in this guide, “Elementor: How to Move Sections” we will show you how to move sections around to perfect your website’s design.

Show More

* This button will show the rest of the post and open up an offer from a vendor

What are the Advantages of Moving Sections

There are numerous reasons why you might want to move a section around the room. For instance, conversion rates are often impacted by the location of certain elements. Call-to-actions should be close to the top of the page and be sticky.

And you need to have any FOMO content visible to the audience. So if there is a countdown timer or something else, you can be sure that it needs to be viewed by the audience.

Using visitor heatmaps, you can also be sure that the main viewing points on a website are at the top and the left side of the page. So important content should be located there.

Luckily there are two different ways that an Elementor website owner can move sections around on any website page. These are using the navigator and the section handle. This article discusses both of these options for you.

Drag and Drop the Section Using Navigator

The navigator option is a quick, easy way to move sections across a website. It is often preferred by website owners since you don’t need to click and drag the mouse up or down the page. You can access the navigator in one of three ways:

  1. Click on the Navigator button on the panel’s footer.
  2. You can use the Cmd/Ctrl + I on your keyboard to access the shortcut.
  3. Right-click on the element that you would like to move across the page. This will automatically redirect the user to the specific element in the navigation tree.

Once the navigator is open it is really simple to move elements around a website page. You just left-click and hold the mouse button down on the section element you wish to reposition on the page. You can then drag it up and down the page, releasing the mouse button before or after any of the elements that are supposed to be around it.

Drag and Drop The Section Via The Section Handle

This is another option for you to consider using. All you need to do is click and hold the left mouse button on the handle of the section that you’re looking to move. Then you can continue to hold the handle and drag the section to the new location on the page where it should be dropped.

When you see the blue line appear in the correct location, you can let it go with the mouse. This will relocate the section in the blue drop zone.

Remember to save the page when you’re done.

Final Word: Elementor: How to Move Sections

Above, in the article, “Elementor: How to Move Sections” are the instructions that you need to know to move sections across the page that you’ve designed.

Recap:
Save 4 Later
Email liked links to yourself