Hi!
Is it possible to show a different Logo for mobile users? My Desktop Logo has some writings which are to small to read for mobile users. So I’d like to show a completely different Logo for mobile users.
I tried something like this
@media screen and (max-width: 768px) {
.site-header {
background-image: url(URL TO DIFFERENT IMAGE);
}
}
But I don’t know how to rewirte it so it fits for the logo image.
It would be really great if there is a solution 🙂
Thanks in advance and
best regards,
July