Display a different logo on mobile and desktop?

Question

I\'m looking to change the logo on my header on a mobile. This is the code from the current header that shows up on both the desktop and the mobile (on desktop it\'s the lin

Answer 1

if you are using bootstrap, there is a simple and fast method I have used, use 2 tag, hide 1st image in mobile by using class "d-none d-sm-block" and hide 2nd image in desktop by using class "d-block d-sm-none" check the code below: