Salient v13.0 Major Release (3/25/2021) is now available.

If you're on a version prior to 10.5 and are considering updating, it's important to read through our update guide before updating to ensure a smooth transition.

Click here to view the update guide

Okay
  Print

Howto: Make logo big or small

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.