---
title: "How to Add Parallax Effect to Elementor Gallery Listing?"
url: https://theplusaddons.com/docs/add-parallax-effect-to-elementor-gallery-listing/
date: 2023-06-16
modified: 2026-09-28
lang: en
author: "Aditya Sharma"
description: "Do you want your Elementor gallery images to shift gently as the visitor moves the mouse? Mouse-move parallax adds depth without animation that plays on its own, so the gallery..."
image: https://theplusaddons.com/wp-content/uploads/2023/06/How-to-Add-Parallax-Effect-to-Elementor-Gallery-Listing_-1024x536.jpg
word_count: 605
---

# How to Add Parallax Effect to Elementor Gallery Listing?

## 

- Gallery Listing widget in The Plus Addons for Elementor Pro includes Mouse Move Parallax with separate Move Parallax (X) and Move Parallax (Y) controls.
- Mouse Move Parallax lives in the Style tab’s Extra Options section, while the Content tab’s Extra Options section holds different controls.
- The free plugin shows the Mouse Move Parallax toggle but replaces the settings with an upgrade notice, and the effect does not run on touch devices.
- Parallax Options needs X and Y values to move the gallery, and the post says clearing page cache and regenerating Elementor files from Elementor > Tools > Regenerate CSS & Data helps when nothing moves on hover.

Do you want your Elementor gallery images to shift gently as the visitor moves the mouse? Mouse-move parallax adds depth without animation that plays on its own, so the gallery stays still until someone interacts with it.

The Gallery Listing widget in The Plus Addons for Elementor has it built in, with separate horizontal and vertical speeds.

*To check the complete feature overview documentation of The Plus Addons for Elementor Gallery Listing widget, [click here](https://theplusaddons.com/docs/gallery-listing-widget-settings-overview/).*

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

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing/?utm_source=tpae&utm_medium=docs&utm_campaign=text#image-gallery-wgts)

## Before You Start

- **Edition:** **Pro** — Mouse Move Parallax is part of The Plus Addons for Elementor Pro. In the free plugin the option is visible but shows an upgrade notice instead of its settings.- **Widget to enable:** Gallery Listing, switched on under **ThePlus Settings > Widgets**.

> *This is the pointer-following effect. If you want the tiles to tip in 3D as the mouse crosses them, that is a different control — see [add a 3D tilt effect to an Elementor gallery listing](https://theplusaddons.com/docs/add-3d-tilt-effect-to-elementor-gallery-listing/). The two can be combined, but the result is usually too busy.*

## Step 1: Build the gallery first

Drag the **Gallery Listing** widget onto the page, choose a layout in **Content > Layout**, and add your images in **Content > Content**. The parallax effect applies to whatever the gallery already shows, so get the layout right before adding it.

![The Add Images control showing nine images selected for the gallery](https://theplusaddons.com/wp-content/uploads/2026/09/tp-gallery-listout-add-images-wide-grid.webp)

## Step 2: Turn on Mouse Move Parallax

Go to the **Style** tab and open its **Extra Options** section. Turn on **Mouse Move Parallax**.

> *This is the **Style** tab's Extra Options, not the Content tab's. Both sections have the same name and hold completely different controls — the image sizing settings are on Content, the effects are on Style.*

![The Mouse Move Parallax toggle switched on in Style > Extra Options](https://theplusaddons.com/wp-content/uploads/2026/09/tp-gallery-listout-mouse-move-parallax-wide-effects.webp)

## Step 3: Tune the movement

**Parallax Options** opens a small popover with **Move Parallax (X)** and **Move Parallax (Y)**. X is horizontal travel, Y is vertical. Small values read as depth; large ones read as the page being broken.

## What It Looks Like

## Settings Reference

| Setting | Where | Type | Default |
| ------- | ----- | ---- | ------- |
| Mouse Move Parallax | **Style** > Extra Options | Switcher — Pro | Off |
| Parallax Options | **Style** > Extra Options | Popover | — |
| Move Parallax (X) | Parallax Options popover | Slider | Not set |
| Move Parallax (Y) | Parallax Options popover | Slider | Not set |
| Tilt 3D Parallax | **Style** > Extra Options | Switcher — Pro | Off |

## Limitations

- **It is Pro.** The free plugin shows the toggle and then an upgrade notice.- **There is no mouse on a phone.** Touch devices have no pointer to follow, so the effect simply does not run — never rely on it to communicate anything.- **No per-device value.** The setting applies at every breakpoint; it just has nothing to respond to on touch.- **Motion preferences are not handled for you.** Use small values, and consider leaving it off on pages aimed at a broad audience.- **It stacks with Tilt 3D Parallax.** Both can be on at once, which rarely looks deliberate.

## Troubleshooting

### I cannot find Mouse Move Parallax

It is on the **Style** tab, in that tab's **Extra Options** section. The Content tab has a section with the same name that does not contain it.

### Nothing moves when I hover

Set values in **Parallax Options** — with X and Y unset there is no distance to travel. Then clear any page cache and regenerate Elementor files from **Elementor > Tools > Regenerate CSS & Data**.

### It does not work on mobile

That is expected. The effect follows a mouse pointer, and touch devices do not have one.

## Related Docs

Also, read [how to add a 3D tilt effect to an Elementor Gallery Listing](https://theplusaddons.com/docs/add-3d-tilt-effect-to-elementor-gallery-listing/).

- [Gallery Listing widget: settings overview](https://theplusaddons.com/docs/gallery-listing-widget-settings-overview/) — every control in the widget.- [Create an Elementor masonry image gallery](https://theplusaddons.com/docs/create-elementor-masonry-image-gallery/)- [Create an image gallery in grid layout](https://theplusaddons.com/docs/create-image-gallery-in-grid-layout-in-elementor/)

## Frequently Asked Questions

**Q: How do I add a mouse move parallax effect to an Elementor gallery listing?**
A: The effect lives on the Gallery Listing widget in The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH. Build the gallery first, then open the Style tab and turn on Mouse Move Parallax in Extra Options. That order matters because the effect follows the gallery content you already set up, not the other way around. If you want the full widget context, the [Gallery Listing widget: settings overview](https://theplusaddons.com/docs/gallery-listing-widget-settings-overview/) is the right reference.

**Q: Why is Mouse Move Parallax showing an upgrade notice instead of settings?**
A: Mouse Move Parallax is a Pro feature in The Plus Addons for Elementor. In the free plugin, the toggle is visible but it shows an upgrade notice instead of the actual controls. That means the setting exists in the interface, but it is not available unless the Pro edition is installed and active. The widget itself also needs to be enabled under ThePlus Settings > Widgets.

**Q: What should I set up before turning on parallax in a gallery listing?**
A: The gallery layout should already be built before you switch on Mouse Move Parallax. The tutorial says to drag in the Gallery Listing widget, choose a layout in Content > Layout, and add images in Content > Content first. That way, the parallax effect applies to an existing gallery instead of forcing you to adjust motion while still deciding on structure. It keeps the visual result predictable.

**Q: Why does nothing move when I hover over my gallery?**
A: Parallax movement only happens when X or Y values are set in Parallax Options. If both are unset, there is no distance for the gallery to travel. The page also recommends clearing any page cache and regenerating Elementor files from Elementor > Tools > Regenerate CSS & Data after changing settings. That combination covers both missing motion and stale generated files.

**Q: Does mouse move parallax work on mobile devices?**
A: The effect does not run on mobile because it follows a mouse pointer, and touch devices do not have one. The page also notes there is no per-device value, so the setting applies at every breakpoint even though touch screens have nothing to respond to. For mobile-first pages, that makes this effect something to use sparingly rather than as a core interaction.

**Q: Should I use mouse move parallax or 3D tilt on an Elementor gallery listing?**
A: Mouse Move Parallax and Tilt 3D Parallax are different controls with different behavior. Mouse Move Parallax creates pointer-following horizontal and vertical movement, while Tilt 3D Parallax makes tiles tip as the mouse crosses them. The page says they can be combined, but that usually looks too busy. Small X and Y values are safer if you want depth without making the page feel broken.