Salient - Responsive Multi-Purpose Theme

Quick Notification Bar

As of Salient 10.5 a New Option has been added :  



Add this to the Google Analytics Section :

<script type='text/javascript'>
jQuery( document ).ready(function() {
jQuery('#header-outer').prepend('<div class="custom-notify">In celebration of the upcoming holiday, our offices will be closed this Friday.</div>');
});
</script>



Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

/* Notification Bar */
.custom-notify{
    top: 0px;
    background-color: #cda34a !important;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 4px;
    transform: translateY(-100%);
}
@media only screen and (max-width: 1000px) and (min-width: 1px ) {
    #header-outer {
        padding-top: 0px!important;
    }
    #header-outer .container {
        padding-top: 10px!important;
    }
    .custom-notify {
        transform: translateY(0%) !important;
    }
}