How To Hide A Divi Background Image On Mobile
A Common Problem
How To Hide A Divi Background Image on Mobile
I see the question of how to hide a Divi background image on mobile over and over in the Divi Facebook groups. Some wonderful helpful folks offer solutions, but many times it is difficult for less experienced users to understand. NOTE: adding two sections and hiding/showing one of them on
Step 1
Add Custom CSS Classes To Section
Be sure to add your background image to the section. Then go to the Section Settings>Advanced>CSS Class and type or paste “pa-hide-background-image-mobile” into the field.
Step 2
Add The Custom CSS Code
In your Dashboard, go to Divi>Theme Options>Custom CSS and add the following code and hit save. This code has the solution for both regular and parallax sections all in one!
Live Examples
Yay! 🎉 Now you know how to hide a Divi background image on mobile!
Bonus! Row Background Images
Add This Snippet For Rows
In your Dashboard, go to Divi>Theme Options>Custom CSS and add the following code and save. This code has the solution for both regular and parallax ROWS all in one!
