replace header img on mobile

Hey blokhut,
I’m afraid if the theme supports what you desire to do.
However,If you want to put an image only on your mobile screen you can apply the following css inside your child theme’s style.css file;

@media (max-width: 480px){
#gkLogoSmall.cssLogo {
background: url("../images/logo-small.png") no-repeat scroll center center / contain rgba(0, 0, 0, 0);
height: 60px;
margin-top: 32px !important;
width: 100px;
}
}

Thanks!

Hey Rohan,

thanks, this works fine.
Gives me an idea how to implement it.

Thanks again.

Hey blokhut,
Normally we can do is;

@media screen and (max-width: 480px) {
  background-image: url('images/imagename.jpg');
  background-repeat: no-repeat;
  background-size: 100px;
}

We add the above css inside style.css file of our child theme.
The theme my not be compatible so you can try selecting other standard wp themes as well.

Thanks!