Reply To: Site Logo vs. Title & Tagline vs. Header Image

Home Forums WordPress Themes – Premium Pure & Simple Site Logo vs. Title & Tagline vs. Header Image Reply To: Site Logo vs. Title & Tagline vs. Header Image

#20988
Shekhar Bhandari
Participant

Hi Rene,
To make the logo responsive you should put the following CSS to the child theme css files.

@media (max-width:600px) {
.header-inner {
  -moz-transform:scale(0.8,0.8);
  -webkit-transform:scale(0.8,0.8);
  -o-transform:scale(0.8,0.8);
  -ms-transform:scale(0.8,0.8);
  transform:scale(0.8,0.8);	
  }
}
@media (max-width:400px) {
.header-inner {
  -moz-transform:scale(0.45,0.45);
  -webkit-transform:scale(0.45,0.45);
  -o-transform:scale(0.45,0.45);
  -ms-transform:scale(0.45,0.45);
  transform:scale(0.45,0.45);
}
@media (max-width:300px) {
 .header-inner {
  margin-left:-50px;
  }
}

Thanks.