How To Hide A Divi Background Image On Mobile

Pee-Aye Creative Website Design
In this tutorial, I'm going to show you how to hide a Divi background image on mobile.

/*PEE-AYE CREATIVE – HIDE DIVI SECTION BACKGROUND IMAGES ON MOBILE
—————————————————*/

/*regular sections*/
@media only screen and (max-width: 980px) {
div.et_pb_section.pa-hide-background-image-mobile {
background-image: none!important;
}

/*parallax sections*/
div.pa-hide-background-image-mobile span {
background-image: none!important;
}
}

/*VISIT PEEAYECREATIVE.COM FOR MORE DIVI RESOURCES
—————————————————*/

This SECTION has a REGULAR background image that shows up on desktop, but does not show on tablet or mobile.

This SECTION has a PARALLAX background image that shows up on desktop, but does not show on tablet or mobile.

/*PEE-AYE CREATIVE – HIDE DIVI BACKGROUND IMAGES ON MOBILE
—————————————————*/

/*regular rows*/
@media only screen and (max-width: 980px) {
div.et_pb_row.pa-hide-background-image-mobile {
background-image: none!important;
}

/*parallax rows*/
div.pa-hide-background-image-mobile span {
background-image: none!important;
}
}

/*VISIT PEEAYECREATIVE.COM FOR MORE DIVI RESOURCES
—————————————————*/

This ROW has a REGULAR background image that shows up on desktop, but does not show on tablet or mobile.

This ROW has a PARALLAX background image that shows up on desktop, but does not show on tablet or mobile.

Please share this post!

Nelson Lee Miller

Nelson is the owner of Pee-Aye Creative Co in the beautiful state of Pennsylvania. He loves helping small businesses, exploring, and building websites with Divi.

You Earned A Reward

For a limited time, we are offering our best blog readers a random CRAZY big 20% off coupon to use on any of our child themes! Just subscribe and we'll send you the code!

Nice, we're sending you the code now!

0

Your Cart