The WordPress Divi Theme Parallax Effect for images is not working on Firefox or Chrome browsers when using the native default settings of the Divi theme. This does not impact people using the Safari browser on Apple computers, which suggests there are some compatibility issues in Firefox and Chrome that make them less likely to work with some web content.
The Parallax Effect is a feature on websites that allows scrolling text to move up or down over a static background image, or background image that moves at another rate of speed than the foreground text or image. The instructions below assume you have a WordPress.org installation that is hosted somewhere other than WordPress.com hosting.
To make Divi more compatible with Firefox and Chrome, and have the parallax effect work, you’ll want to follow these steps:
- Go to your WordPress Dashboard.
- Click on Divi in the left column toward the bottom.
- The General tab should be selected by default.
- Scroll to the bottom of the General theme settings to find the Custom CSS box.
- Enter the following code in that box:
.et_pb_section_parallax .et_pb_parallax_css, .et_pb_slides .et_parallax_bg.et_pb_parallax_css {
transform: none;
} - If there is other custom CSS code entered in the box, be sure to leave it along and add the above snippet of code above or below it.
- Then click the Save Changes button further down on the page.
Now the parallax effect should work for modules that offer that feature.