Hide background image on mobile

Hi there,

Could you please provide the CSS code for hiding background images on mobile devices? My website is jwolfepr.com.

UPDATE: I found this code for hiding background images on mobile:

@media (max-width: 767px) {
    body.custom-background {
        background: none !important;
    }
}

The code works beautifully, but the defined background color isn’t showing up. Do you know how I can force the defined background color to appear?

UPDATE #2: I replaced “none” with the color code and now it works:

@media (max-width: 767px) {
    body.custom-background {
        background: #0c4767 !important;
    }
}

Please feel free to mark my question closed, but I wanted to leave it here in case anyone else has a similar issue.

Thank you,
Jennifer

Hello Jennifer,

Please feel free to mark my question closed, but I wanted to leave it here in case anyone else has a similar issue.

Okay, thank you for sharing that!

Kind Regards, Roman.
aThemes Support