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.