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