---
title: "How to Add a Parallax Image in Elementor?"
url: https://theplusaddons.com/docs/add-a-parallax-image-in-elementor/
date: 2024-05-10
modified: 2026-09-15
lang: en
author: "Aditya Sharma"
description: "A parallax image drifts at a different speed from the rest of the page, which makes a flat section feel like it has depth as the visitor scrolls past it...."
image: https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Add-a-Parallax-Image-in-Elementor_-1024x536.jpg
word_count: 656
---

# How to Add a Parallax Image in Elementor?

## 

- Creative Image in The Plus Addons for Elementor Pro uses Super Parallax to make an image drift at a different speed on scroll, with Move Scroll (X) controlling travel from 40 to 700 pixels.
- The Plus Addons for Elementor Pro keeps Creative Image out of the editor when the Pro plugin is switched off, and pages that already use it show nothing where the widget was.
- Super Parallax works only with Image Style set to Creative Image, not Scroll Reveal Image, and it runs on the published page rather than inside the Elementor editor.
- The parallax layer uses a second full-size copy of the image, so the post advises resizing large originals before upload and giving the widget enough width in a wide section.

A parallax image drifts at a different speed from the rest of the page, which makes a flat section feel like it has depth as the visitor scrolls past it.

The **Creative Image** widget in The Plus Addons for Elementor does this with one switch called **Super Parallax**, plus a single number for how far the image should travel.

*To check the complete feature overview documentation of The Plus Addons for Elementor Creative Image widget, [click here](https://theplusaddons.com/docs/creative-image-widget/).*

***Requirement - This widget is a part of The Plus Addons for Elementor Pro, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/creative-images-for-elementor/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Before You Start

- **Edition:** **Pro** — Creative Image is only in The Plus Addons for Elementor Pro. With the Pro plugin switched off the widget is not in the editor at all, and a page that already uses it shows nothing where the widget was.- **Widget to enable:** Creative Image, switched on under **The Plus Addons > Widgets** (in the **Advanced** group there). In the Elementor panel it appears under **Plus Advanced**.- **You need an image:** pick one in **Choose Image** first. With nothing chosen the widget renders the plugin's own grey placeholder, so none of the effects below will look like anything.- **Give the image room to move:** the effect slides the picture sideways inside its container, so it reads best in a wide section rather than a narrow column.

## Add the Parallax Effect

- Add the **Creative Image** widget to the page.- In the **Content** section leave **Image Style** on **Creative Image**. Super Parallax is not available in the **Scroll Reveal Image** style.- Pick your picture in **Choose Image**.- Open the **Style** tab and switch **Super Parallax** on in the **Style Image** section.- Set **Move Scroll (X)** to say how far the image travels.

![The Super Parallax switch and the Move Scroll (X) slider in the Style tab](https://theplusaddons.com/wp-content/uploads/2026/09/creativeimage-parallax.webp)

## What Move Scroll (X) Does

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| **Super Parallax** | Turns the effect on. Only available when Image Style is Creative Image. | Hide |
| **Move Scroll (X)** | How far, in pixels, the image travels horizontally across the whole scroll. Accepts 40 to 700 in steps of 4. | 120 |

The movement is **horizontal**, despite happening on scroll. The image starts shifted to the left by the number you set and slides back towards its resting position as the section passes through the viewport. At the default 120 it begins 120 px to the left; at 400 it begins 400 px to the left and the drift is much more obvious.

## How It Behaves

- The effect runs on the **published page**, tied to the scroll position. Scrolling back up runs it in reverse.- The widget draws a **second copy of the image** for the parallax layer. That copy is always the full-size file, so a very large original costs the visitor twice over — resize the image before you upload it.- Nothing moves until the section reaches the viewport, so on a short page the effect may barely run.

## Limitations

- **Creative Image style only.** Switch **Image Style** to **Scroll Reveal Image** and the parallax layer is not rendered at all, even though the setting stays stored.- **Only horizontal travel.** There is no vertical equivalent here. For up-and-down movement use **Magic Scroll** in the same section instead.- **Don't combine it with Scroll Image.** Scroll Image replaces the picture with a background element, and the two effects fight over the same image.

## Troubleshooting

### Nothing moves when I scroll

Check **Image Style** is **Creative Image**, and view the published page — the effect does not run inside the Elementor editor.

### The movement is barely visible

Raise **Move Scroll (X)**. The default 120 is subtle; 300 to 400 reads clearly on a full-width section.

### The image looks doubled or jumps at the edges

The parallax layer is a second copy of the image sliding under the first. Give the container enough width, or reduce **Move Scroll (X)** so the copy stays behind the visible area.

## Related Docs

- [Creative Image Widget: Settings Overview](https://theplusaddons.com/docs/creative-image-widget/)- [How to Add a Scroll on Hover to an Image in Elementor?](https://theplusaddons.com/docs/add-a-scroll-on-hover-to-an-image-in-elementor/)- [How to Add Image Reveal Animation on Scroll in Elementor?](https://theplusaddons.com/docs/add-image-reveal-animation-on-scroll-in-elementor/)

## Frequently Asked Questions

**Q: Why isn’t the parallax image moving when I scroll the page?**
A: The effect only runs on the published page, not inside the Elementor editor, and it only works when Image Style is set to Creative Image. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides this Super Parallax behavior through the Creative Image widget. If nothing moves, the usual miss is testing in the editor or switching to Scroll Reveal Image, which does not render the parallax layer.

**Q: What do I need before adding a parallax image in Elementor?**
A: A Pro install of The Plus Addons for Elementor is required because Creative Image is only in The Plus Addons for Elementor Pro. The widget also needs to be switched on under The Plus Addons > Widgets, and you need an actual image selected in Choose Image. Without an image, the widget shows a grey placeholder, so there is nothing for Super Parallax to animate.

**Q: How far should I set Move Scroll (X) for a visible parallax effect?**
A: The default 120 px is subtle, so larger values are better when you want the drift to read clearly. The setting accepts 40 to 700 in steps of 4, and 300 to 400 is a practical range for a full-width section. Bigger numbers make the image start farther left and slide farther back across the scroll, which makes the depth effect much easier to notice.

**Q: Can I use this parallax image effect on a narrow column layout?**
A: It works best in a wide section because the image slides sideways inside its container. In a narrow column, there is less room for the horizontal travel to show cleanly, so the motion can feel cramped or barely visible. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH built this effect around horizontal drift, so giving it space matters more than adding extra settings.

**Q: Does this parallax effect support vertical movement instead of horizontal movement?**
A: Only horizontal travel is available here. Move Scroll (X) controls how far the image moves left and then back into place as you scroll, and there is no vertical equivalent in this widget. For up-and-down motion, the page points to Magic Scroll in the same section as the alternative.

**Q: Why does my parallax image look doubled or jump at the edges?**
A: The widget draws a second copy of the image for the parallax layer, and that copy moves under the main image. If the container is too tight or Move Scroll (X) is too large, that second copy can peek out and look like doubling or edge jumps. A wider container or a smaller travel value keeps the hidden copy behind the visible area more reliably.