Salient v14.0 (11/15/2021) is out now!

After updating, remember to clear the cache from any performance plugins you have active as well as your browser cache.

Once you've updated your theme, make sure to also update your Salient plugins to get access to the new features.

Click here to view the update guide

View Changelog

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.