Elementor keeps elements in their columns, which is exactly right until the design calls for something else: a badge that sits half on the photo and half off it, or a label pushed past the section edge. The Positioning extension in Master Addons for Elementor adds real offset controls to every element, so you can nudge or fully reposition anything from the panel, with pixel values, per device.
What the Positioning extension does #
Once enabled, every element gets a Positioning section under its Advanced tab. Pick a Position Type and move the element with offset sliders:
- Position Type: Default keeps normal flow, Relative offsets the element from its own spot, and the absolute option pins it to its parent.
- Top / Right / Bottom / Left: pixel offsets in each direction, including negative values for pushing past edges.
- From Center: a horizontal offset measured from the element’s center line.
- Z-Index: decides which element wins when things overlap.
Every control carries the responsive icon, so desktop, tablet, and mobile each keep their own values. The panel adds one sensible warning: avoid combining From Center and Left at the same time.
Before you start #
- WordPress with Elementor installed and active.
- Master Addons for Elementor installed and active. New to the plugin? Follow the installation guide first.
- Positioning is a free extension, so no Pro license is required.
How to enable the Positioning extension #
From your WordPress dashboard, go to Master Addons and open the Extensions tab. Positioning sits in the Display Widgets group, next to Grid Line and Container Extras. Click its toggle so it turns purple, then hit Save Changes and wait for the green “Settings saved successfully” notice.
Open the Positioning panel #
Select the element in the Elementor editor, the round quality badge in the demo, and open the Advanced tab. Expand the Positioning section with the purple MA badge and set Position Type to Relative. The offset controls appear: Top, Right, Bottom, Left, From Center, and Z-Index below them.
Drag any slider and the element moves live on the canvas. A negative Top of -143 in the demo lifts the badge from the middle of the photo toward its upper edge; positive values push the other way.
Move the element into place #
The demo walks the badge around the photo with a few values: Top 357 drops it toward the lower half, Right -262 slides it outward, and a Bottom value fine-tunes the overlap until the badge straddles the photo’s bottom edge. Each slider also takes typed values, so you can match exact spacing from a mockup.
Since the offsets are visual, the element keeps its slot in the layout and the content around it stays put. When two elements end up stacked, the Z-Index field settles who sits on top.
The result on the page #
Publish and the badge renders exactly where it was parked: overlapping the photo’s bottom edge, breaking the rectangle without touching the column structure underneath.
Check tablet and mobile before you finish. Offsets that look right on desktop can push an element off-screen on a narrow viewport, which is exactly why every control here is responsive.
Where precise positioning pays off #
- Badges and stamps. A seal that overlaps a photo corner reads as designed, not placed.
- Overlapping cards. Pull a testimonial or stat card onto the edge of the image beside it.
- Section-breaking accents. Shapes or labels that cross section boundaries.
- Fine alignment fixes. Nudge an element a few pixels without wrapping it in margin hacks.
- Layered hero compositions. Stack text over images with Z-Index deciding the order.
Video Tutorial #
Watch the badge move around the layout in real time, from enabling the extension to the published page.
Frequently Asked Questions #
How do I move an element freely in Elementor?
Enable the Positioning extension in the Master Addons Extensions tab, select the element, and open Positioning under the Advanced tab. Set Position Type to Relative and use the Top, Right, Bottom, and Left sliders; the element moves live on the canvas as you drag.
Can I use negative offset values?
Yes. Negative values push the element past its normal boundary, which is how you overlap a badge onto a photo edge or pull an element outside its section. Type the value or drag the slider in either direction.
What does the Z-Index setting do?
Z-Index controls stacking order when elements overlap. The element with the higher number renders on top. Set it in the same Positioning panel whenever a repositioned element needs to sit above, or below, its neighbors.
Do the offsets work on mobile too?
Every offset control is responsive, so desktop, tablet, and mobile keep separate values. Always preview narrow viewports after positioning: an offset that fits a wide screen can push the element off-screen on a phone, and the per-device values are how you correct it.
Is the Positioning extension free?
Yes. Positioning ships with the free version of Master Addons for Elementor, in the Display Widgets group of the Extensions tab. The pricing page covers what the Pro plans add.
Wrapping up #
The Positioning extension frees Elementor elements from their grid slots: pick Relative, drag four offset sliders, and park anything exactly where the design wants it, with Z-Index and per-device values handling the edge cases. It works well alongside the Transforms extension when an element needs rotation or scale on top of a new position, and the rest of the Master Addons widgets and extensions are one page away.
