The Scroll Parallax Effect in Porto adds smooth, scroll-driven motion to layout elements, enhancing visual depth and engagement as users move through the page.
This effect can be applied to Rows and Sections in WPBakery, and Sections, Columns, and Containers in Elementor.
How to Enable Scroll Parallax Effect
- Edit a page using Elementor or WPBakery
- Select a supported layout element
- Open the Porto Addons or Porto Options tab
- Enable Scroll Parallax Effect
- Configure the available options
- Save and update the page
Scroll Parallax Options
| Option | Description |
|---|---|
| Start Width (%) | Sets the start width (percentage) of current element when the parallax effect becomes active |
Usage Tips
- Use parallax sparingly for best performance
- Ideal for hero sections and full-width layouts
- Avoid stacking multiple parallax elements in the same viewport
- Test responsiveness when adjusting Start Width
