/*Change logo size in Salient theme*/

Add this into the Custom CSS box located in your Salient theme Options panel

/* Desktop greater then 1000px */
@media only screen
and (min-width : 1000px) {
body header#top #logo img {
height: 50px!important;
margin-top: -8px !important;
}
}

/* Desktop */
@media only screen
and (min-width : 1px) and (max-width : 1000px) {
body header#top #logo img {
height: 37px!important;
margin-top: -6px !important;
}
}

/* iPad */
@media only screen and (min-device-width: 481px) and (max-device-width: 1025px) {
body header#top #logo img {
height: 54px!important;
margin-top: -12px;
}
}

/* iPad landscape */
@media only screen and (min-device-width: 481px) and (max-device-width: 1025px) and (orientation:landscape) {
body header#top #logo img {
height: 54px!important;
margin-top: -12px !important;
}
}
/* Mobile */
@media only screen and (max-width: 470px) {
body header#top #logo img {
height: 54px!important;
margin-top: -12px;
}
}

Pin It on Pinterest

Share This