Logo change with width

Replies: 0

Hi,

I’m new, so i don’t know if this is the right location.

The problem: I want that the logo of my site changes when i used pc or tablet, but i don’t know how to do this.
I try to add css in the additional css, i used this code:

@media only screen and (max-width: 700px) {
    .site-logo {
        background-image: url("...");
    }
}

But the new logo appears behind the previous one.

I can not find in the theme editor where the logo is initialized so I do not know how to proceed.

Thanks