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.

[et_pb_dmb_code_snippet _builder_version=”3.17.2″ body_font_size_tablet=”51″ body_line_height_tablet=”2″ header_font_size_tablet=”51″ header_line_height_tablet=”2″]

LypQRUUtQVlFIENSRUFUSVZFIC0gSElERSBESVZJIFJPVyBCQUNLR1JPVU5EIElNQUdFUyBPTiBNT0JJTEUKLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tKi8KCi8qcmVndWxhciByb3dzKi8KQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA5ODBweCkgewpkaXYuZXRfcGJfcm93LnBhLWhpZGUtYmFja2dyb3VuZC1pbWFnZS1tb2JpbGUgIHsKYmFja2dyb3VuZC1pbWFnZTogbm9uZSFpbXBvcnRhbnQ7Cn0KCi8qcGFyYWxsYXggcm93cyovCmRpdi5wYS1oaWRlLWJhY2tncm91bmQtaW1hZ2UtbW9iaWxlIHNwYW4gewpiYWNrZ3JvdW5kLWltYWdlOiBub25lIWltcG9ydGFudDsKfQp9CgovKlZJU0lUIFBFRUFZRUNSRUFUSVZFLkNPTSBGT1IgTU9SRSBESVZJIFJFU09VUkNFUwotLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0qLw==

[/et_pb_dmb_code_snippet]

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.
0

Your Cart