--- title: "How to Add Mouse Move Parallax Effect on Text in Elementor?" url: https://theplusaddons.com/docs/add-mouse-move-parallax-effect-on-text-in-elementor/ date: 2024-05-27 modified: 2026-09-13 lang: en author: "Aditya Sharma" description: "Want words that shift as the visitor moves the mouse over them? The Mouse Move Parallax option of the Advanced Typography widget from The Plus Addons for Elementor moves a..." image: https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Add-Mouse-Move-Parallax-Effect-on-Text-in-Elementor_-1024x536.jpg word_count: 320 --- # How to Add Mouse Move Parallax Effect on Text in Elementor? ## - Adds mouse move parallax effect on text using the Advanced Typography widget from The Plus Addons for Elementor. - Enables the Mouse Move Parallax toggle in the Advanced Typography tab to activate the effect on selected text. - Adjusts parallax effect settings in the x and y axis for customized interaction during mouse hover. Want words that shift as the visitor moves the mouse over them? The **Mouse Move Parallax** option of the Advanced Typography widget from The Plus Addons for Elementor moves a text item as the mouse moves across it. *To check the complete feature overview documentation of The Plus Addons for Elementor Advanced Typography widget, [click here](https://theplusaddons.com/docs/advanced-typography/).* ***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-widget/advanced-typography/?utm_source=tpae&utm_medium=docs&utm_campaign=text) ## Before You Start - **Edition:** **Pro** — The Advanced Typography widget needs The Plus Addons for Elementor Pro. In the free plugin it shows in the Elementor panel with a lock icon.- **Widget to enable:** Advanced Typography, switched on under **The Plus Addons > Widgets**.- Mouse Move Parallax is available only in **Multiple** mode. ## Steps - Add the Advanced Typography widget and set **Select Option** to **Multiple**.- In **Text Listing**, add your text to the items. [How Multiple mode works](https://theplusaddons.com/docs/multiple-styles-on-a-text-in-elementor/).- Open the item that should move and turn on **Mouse Move Parallax**.- Optional: click the pencil icon of **Parallax Options** and set **Move Parallax (X)** and **Move Parallax (Y)**.- Publish, then move the mouse over the text on the page. ![An opened Text Listing item with Mouse Move Parallax switched on](https://theplusaddons.com/wp-content/uploads/2026/09/advtypo-parallax.webp) ![Switching on Mouse Move Parallax for a text item](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-mouse-move-parallax.gif) ## How It Behaves - The item moves while the mouse is over it, and slides back when the mouse leaves.- Move Parallax (X) and (Y) range from -100 to 100 (default 30). **A higher value moves the text less.** A negative value moves it in the opposite direction.- Each item has its own setting, so you can move one word and keep the rest still. ## Troubleshooting ### I can't find Mouse Move Parallax It is inside the items of the Text Listing. Set **Select Option** to **Multiple** and open an item. ### The text doesn't move Test on the published page or the preview, and move the mouse over the text itself. ## Related Docs - [Advanced Typography widget: settings overview](https://theplusaddons.com/docs/advanced-typography/)- [Add a magic scroll effect to text](https://theplusaddons.com/docs/magic-scroll-effect-to-text-in-elementor/)- [Combine multiple styles on a text](https://theplusaddons.com/docs/multiple-styles-on-a-text-in-elementor/) ## Frequently Asked Questions **Q: What do I need before adding mouse move parallax to text in Elementor?** A: The Advanced Typography widget needs The Plus Addons for Elementor Pro, and it must be installed and activated. In the free plugin, the widget appears in the Elementor panel with a lock icon, so that is usually the first clue that the feature is tied to Pro. Mouse Move Parallax is also only available in Multiple mode, so single-text setups will not expose it. **Q: How do I make only one word move with mouse move parallax?** A: Mouse Move Parallax is set per item inside Text Listing, so you can animate one word and leave the rest still. That matters because each item has its own setting, which makes it easy to create a mixed effect instead of moving an entire sentence. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides this inside the Advanced Typography widget. **Q: Why can't I find Mouse Move Parallax in Advanced Typography?** A: It sits inside the items of Text Listing, and it only appears when Select Option is set to Multiple. If you stay in another mode, the option will not show up where you expect it. Open the specific item you want to animate, then turn on Mouse Move Parallax there. **Q: Why doesn't the text move when I test the effect?** A: The effect should be checked on the published page or in preview, and the mouse has to move over the text itself. That detail matters because the item only moves while the pointer is over it and slides back when the pointer leaves. If you test away from the text area, it will look like nothing is happening. **Q: How does mouse move parallax behave on text?** A: The item moves while the mouse is over it and slides back when the mouse leaves. Move Parallax (X) and (Y) use a range from -100 to 100, with 30 as the default. A higher value moves the text less, and a negative value reverses direction, so small changes can have a big visual impact. **Q: What is the best way to control how strong the parallax movement feels?** A: Use Move Parallax (X) and Move Parallax (Y) in Parallax Options if you want finer control over motion. The range runs from -100 to 100, and 30 is the default, so those numbers are your main tuning knobs. Higher values reduce movement, while negative values flip direction, which helps when you want one word to drift opposite to another.