Get The Plugin
Account Login

Divi Hacks Plugin

Examples & Documentation

Mobile Parallax

Class

  • mobile-parallax

Usage

Add this class to any section, row, column, or module’s CSS classes box, set a background image, and turn on the parallax effect. Both true parallax and CSS parallax will work.

You should use this effect only sparingly as it may cause your page to be jumpy, especially on pages with a lot of images or content.

Visit this page on mobile to see it in action!

mobile-parallax

Add this class to the element and enable parallax on the background image

 
			
 
			
 
				
				
			
 
				
				
			
 

				
				
				
				
					

				

				
				
				

				
				
				

				

					
“Finally! It’s about time we get parallax working on mobile devices!  This element is using the parallax-elements hack.
 
					Eve Ryone
					
Happy Buyer

				
 
			
 
			
 
				
				
			
 
				
				
			
 

				
				

				
				
					

				

				
				
				

				
				
				
mobile-parallax

				
Add this class to the element and enable parallax on the background image