Hide background image on mobile device

forums_noreply@adobe.com — Mon, 03 Nov 2014 22:54:08 GMT

Hi all

I have a responsive site and I have a background image in my services page(s)

http://nicholsonssolicitors.davidcurran.com.au/about/services/Commercial

All looks fine on desktops and laptops, but when view on a mobile phone, the image displays behind the page content which doesn't look very nice. Is there a way to hide this background image on mobile devices only? i tried this below in my screen.css file, but no luck.

@media (max-width : 480px) {

body.custom-background {

background-image: none;

}

Or another workaround perhaps?......

Thanks

Adobe Community: Message List - Hide background image on mobile device

Hide background image on mobile device