Different clickable backgrounds for different screen sizes

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter andyharvey661

    (@andyharvey661)

    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.

    Anonymous User 4048828

    (@anonymized-4048828)

    Hi,

    Unfortunately it cannot be disabled with CSS, sorry.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Different clickable backgrounds for different screen sizes’ is closed to new replies.