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; } }