Home › Forums › CSS › How to make logo scale down on mobile › Re: How to make logo scale down on mobile
June 27, 2013 at 4:58 am
#140677
waylaidMember
At the moment your media query isn’t taking precedent over the original CSS for .logo a
It might be because the containing div – #alterna-header – has an ID which is used for some of the styling. If you change your media query to:
@media all and (max-width: 520px) {
/* Logo for Mobile */
#alterna-header .logo a {
width: 250px;
height: 47px;
background-image: url(‘http://wordpress.coastalrepro.com/wp-content/uploads/2013/06/coastalcreative-logo-mobile.png’);
background-size: 250px 47px;
}
it should work how you want it to. This is a good example for not using IDs for styling (https://css-tricks.com/a-line-in-the-sand/)