Creating a Parallax Effect using Elementor

Adding a parallax effect on Sections using Elementor Page Builder.

To create a Parallax Section, first edit the page using Elementor Editor.

Select an existing Section or add a new Section on the page.

Navigate to the Style tab of the Section.

Under Background -> specify a image as the actual background for the section. Make sure that the background image is bigger then the actual height of the Section that it is covering.

Set the Position to Top Center.

Set the Size to Cover.

Set the Enable Parallax Effect option to Yes and Update your page.

Now when viewing your page and scrolling down the page, the image set as the background image for the section will also move on vertical scroll (either up or down).