How to make two logos on the site?

Question

opencart

The essence of the question is to use one logo (standard) on one screen resolution, and a reduced version on a mobile device.
How to make everything work kosher and through the admin panel?

Answer 1

the admin panel will have to be added (why won’t you change the logo every day0
And different logos are made through css styles Set @media for different screens with different pictures in styles (background for div tag for example)

Answer 2

For static stray admin panel - evil
In your version via @mediaor js
More kosher logo in svg

Answer 3

<picture>
    <img src="DEFAULT LOGO URL">
    <source srcset="URL LOGO MOBILE" media="(max-width: 767px)">
</picture>

And it’s easy to finish the admin panel, it all depends on the version of the opencard.