<div id="maintenance-banner"> <span> We are currently in maintenance. Checkout and account creation is disabled between 06.00 and 07.00. </span> </div> <style> #maintenance-banner { height: 40px; position: fixed; background: #ffb44f none repeat scroll 0% 0%; top: 144px; width: 100%; z-index: 9; color: #FFF; font-size: 1.5em; line-height: 40px; } #maintenance-banner span{ display: block; width: 80%; max-width: 1280px; min-width: 960px; margin: auto; } @media only screen and (max-width: 1600px) { #maintenance-banner { top: 120px; } } </style>