Hide background image on color section

Hey tonyaleigh,

Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 479px) {
#fullscreen_slider_1 li.av-single-slide {
  background-image:none !important;
}
}

Best regards,
Rikard

Hi,

Please try this instead:

@media only screen and (max-width: 479px) {
.page-id-3394 #section-mobile-bg {
    background-image: none;
}
}

Best regards,
Rikard

Hi,

Thanks for the update. Did you try changing the media query to a higher value? Please try this instead:

@media only screen and (max-width: 767px) {
.page-id-3394 #section-mobile-bg {
    background-image: none;
}
}

Best regards,
Rikard

Hi,

Please try it at the very top of Quick CSS, turn off your caching plugin and file compression under Enfold->Performance and select to delete the old CSS and JS files. When to not use a caching plugin.

Best regards,
Rikard

Hi,
I adjusted your css in your Quick CSS to:

@media only screen and (max-width: 767px) {
#top #section-mobile-bg .av-parallax {
background: none !important;
}
}

Please clear your browser cache and check. Also feel free to adjust the 767px to suit.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike