Found it, I’ve just added one background (the 1300px one) and used the custom stylesheet field to put in:
@media only screen and ( max-width: 1299px ) {
body {background-image: none !important;}
}
@media only screen and ( min-width: 1600px ) {
body {background-image: url(“https://www.mywebsite.com/images/skin1600.jpg”) !important;}
}
Works a treat but the clickable link is still there for screens up to 1300 (even though the image isn’t) any idea how I turn that off? The HTML source shows it being added by something other than what I can target with CSS.