Add this into the Custom CSS box located in your Salient 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;
}
}
Change height and top values according to the height and placement of your logo.