Background image of website changes for mobile and web

[lance71]

Hi all,

I have a responsive website I am busy with at the moment.

The background image works fine in a normal browser on the pc but on mobile it doesnt look great. Is there a way to make it use a different background image on mobile platform?

The css code which is currently there is as follows:

body {
font-family: Arial, Helvetica, sans-serif;
font-size:100%;
background:#fb0858 url(../images/background.jpg) no-repeat fixed center top;
margin: 0;
padding: 0;
color: #f9f9f9;
position:relative;
text-shadow:0 0px, 1px 1px #1e3500;
}

Any help will be greatly appreciated.

Thanks,
Lance

[lance71]

You can see the site at www.brandspankingnew.co.za/bsn if that would help too.

[Zesty App Services]

Lance maybe you should have a look on the w3schools website.

[lance71]

Thanks, will do. Will update if I find a solution there.