Different header images for web and mobile
Hello,
Looking for help in using different images for website, tablet and mobile. I found the following in your various threads, but it doesn't work:
@media screen and (min-width: 1025px) {
.custom-header.header-media {
background-image: url("link goes here to library") !important;
}
}
@media screen and (max-width: 500px) {
.custom-header.header-media {
background-image: url("link goes here to library") !important;
}
}
Thanks.