I have a set of buttons with a secondary image that displays on hover. What I want to do is make it so that when the website is visited on a mobile device the secondary image is whatβs displayed, not the primary image. Iβm not sure exactly how to do this.
Someone suggested this code to me:
@media only screen and (max-width: 600px) {.secondary-image
{opacity: 1}}
with secondary-image being the ID of the button. I know this is not correct but Iβm not sure what exactly to do.