Add a Beautiful Parallax Effect in Elementor

Discover how to use a parallax background effect for your images and videos in Elementor.

Check Demo

How to use the Parallax Effect in Elementor

Step 1

Install fullPage.js plugin

Get fullPage.js

Trusted by the world's most innovative companies

Step 2

Open the Page Settings

Step 3

Under General Seettings, click on the fullPage.js Settings

Step 4

Enable fullPage.js

Step 5

Open the "Extensions" section

Step 6

Click on "Enable fullPage Extensions"

Step 7

Enable the "Parallax Effect" extension for Elementor

Get fullPage.js

FAQs

Does the parallax effect works with background images?

Sure! Actually, that is what this parallax effect is all about. The background images will move at a different speed than the rest of the page while scrolling, thus creating this beautiful parallax animation.

How do I make the sections' background image use the parallax effect in Elementor?

You don't ave to do much if you use the fullPage.js plugin for Elementor together with the parallax add-on. As long as you activate the parallax option, the background images of your sections will automatically have the parallax effect.

Is the parallax add-on free to use?

No. As with most quality products, this add-on is not free.

However, you can check how it looks here. Purchase it and give it a try! There is a 30 day money back guarantee if you are not happy with the results as long as you do not activate the parallax effect for your website domain.

Does the fullPage.js parallax effect works with any Elementor theme?

Yes. The parallax scroll created by fullPage.js works with most Elementor themes. And if you experience any issues, we will happily take a look at your case and help you out.

Is there any tutorial on how to use the parallax effect in Elementor with fullPage.js?

Yes. Check out this tutorial to learn how to use the parallax effect in Elementor.

Does the parallax effect for Elementor works on mobile?

Oh yes! You'll be able to use parallax scrolling on mobile devices and it will still scroll smoothly.

Can I use the parallax effect on the Hero section?

Sure! You can apply the parallax effect to as many sections are you want to.

Discover what fullpage.js for Elementor can do

Join 35,306 Web Developers

Developers worldwide use fullPage.js for Elementor to save time, money, and create beautiful sites in a snap.

Get fullPage.js!

Parallax Effect websites built with fullPage.js

Check out these amazing websites using parallax scrolling. Built with fullPage Elementor plugin.