Problem with Fixed Background Image

This is a Developer Level doc.

If you're unfamiliar with CSS and/or editing files, codes and templates, as well as with resolving possible conflict, please seek help from a professional. Under our Support Policy, we don't provide support for modifications and customization.

Since one of the latest version of Google Chrome, you may see some issues with your fixed background images. This problem can only be solved by Google Chrome but in the meantime, here is a little solution provided by the Elementor team:

@media screen and ( -webkit-min-device-pixel-ratio: 0 ) {
	section.elementor-section {
		-webkit-transform: translate3d( 0, 0, 0 );
		transform: translate3d( 0, 0, 0 );
	}
}

All CSS snippets should be added via a child theme's style.css file or using the built-in Custom CSS panel.