mobile css

[Sue]

Sue

May 20, 2016 at 8:03 am

Hi I am using the random content short code plugin in area above the footer, the content is a simple animation which I would like to disable on mobile devices leaving just the background image of the animation
I have tried this in the custom css box

@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {
.animation-container {
background-image: url(“*Login to see link
background-position: center bottom;
background-repeat: no-repeat;
background-size: contain;
height: 300px;
width: 100%;
}

}