How to Add Mouse Move Parallax Effect on Text in Elementor?

Key Takeaways

  • The Plus Addons for Elementor Advanced Typography widget allows users to add a mouse move parallax effect to text.
  • Users must select Multiple from the Select Option dropdown in the Advanced Typography tab to enable the effect.
  • Adjusting the parallax effect in the x and y axis enhances the visual experience on mouse hover.
Table Of Content

Are you looking to add a mouse move parallax effect on text in Elementor? This effect allows the text to move and react to the movement of the mouse, creating an interactive and dynamic experience for the user.

With the Advanced Typography widget from The Plus Addons for Elementor, you can easily add a mouse move parallax effect to text in Elementor.

To check the complete feature overview documentation of The Plus Addons for Elementor Advanced Typography widget, click here.

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

To do this, add the Advanced Typography widget to the page and follow the steps –

1. In the Advanced Typography tab, select Multiple from the Select Option dropdown.

2. Then add the required text in the repeater items under the Text Listing section.

3. Now open the text repeater item you want to add the mouse move parallax effect to and enable the Mouse Move Parallax toggle.

Advanced typography mouse move how to add mouse move parallax effect on text in elementor? From the plus addons for elementor

4. Then from the Parallax Options section, you have to adjust the parallax effect in the x and y axis.

Now, you’ll see a beautiful parallax effect on mouse hover on that text.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the mouse move parallax effect isn't working on my text?

If the mouse move parallax effect isn't appearing, first check if the Advanced Typography widget from The Plus Addons for Elementor is installed and activated. Ensure you've enabled the Mouse Move Parallax toggle for the specific text item in the repeater. If these settings are correct, try adjusting the parallax options for the x and y axes to see if that resolves the issue.

Can I use the mouse move parallax effect on any text in Elementor?

You can apply the mouse move parallax effect to any text configured within the Advanced Typography widget from The Plus Addons for Elementor. This widget allows you to create an interactive experience by adding dynamic text that reacts to mouse movement, enhancing user engagement on your site.

What settings work best for the mouse move parallax effect?

For optimal results with the mouse move parallax effect, adjust the parallax settings for both the x and y axes to create a balanced movement. Start with subtle adjustments to avoid overwhelming the viewer. This effect works best when the movement is noticeable yet not too distracting, enhancing the overall user experience.

What happens if I forget to add text in the repeater items?

If you forget to add text in the repeater items under the Text Listing section, the mouse move parallax effect will not have any text to apply to. This means the effect won't be visible on your page. Always ensure you populate the repeater with the desired text to see the intended dynamic effect.

Does the mouse move parallax effect slow down my page?

While the mouse move parallax effect adds visual interest, excessive use or overly complex settings can potentially impact page performance. It's essential to monitor the overall loading speed and responsiveness of your site after implementation. Using The Plus Addons for Elementor efficiently can help maintain a balance between aesthetics and performance.

Is there a limit to how many text items I can add for the parallax effect?

There is no specified limit to the number of text items you can add in the repeater for the mouse move parallax effect using the Advanced Typography widget from The Plus Addons for Elementor. However, adding too many items may clutter the design and detract from the user experience, so it's best to use this feature judiciously.

Last reviewed: April 9, 2026