Elixir Top Banner (links to order page)
Tue May 31 2022 14:27:12 GMT+0000 (UTC)
Saved by
@hollyhenaghan
#undefined
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
var newNode = document.createElement('div');
newNode.classList.add("bannernew");
newNode.insertAdjacentHTML('beforeend',`SEASONAL OFFER: ORDER A TORTA AND GET A $1 DRIP COFFEE. ORDER NOW`,);
// Get the reference node
var referenceNode = document.querySelector('#header');
// Insert the new node before the reference node
referenceNode.parentNode.insertBefore(newNode, referenceNode);
$('div.bannernew').each(function() {
var link = $(this).html();
$(this).contents().wrap('<a href="/order"></a>');
});
});
</script>
@media only screen and (min-width: 600px) {
body #header{
padding-top:35px!important;
}
.bannernew{
position:absolute;
text-align:center;
background:#da291c;
z-index:9999999999!important;
top:0;
width:100%;
height:35px;
font-size:20px;
padding-top:5px;
}
.bannernew a {
color: white !important;
}
}
@media only screen and (max-width: 600px) {
body #header{
padding-top:40px!important;
}
.bannernew{
position:absolute;
text-align:center;
background:#da291c;
z-index:9999999999!important;
top:0;
width:100%;
height:40px;
font-size:14px;
padding-top:5px;
}
.bannernew a {
color: white !important;
font-size: 14px;
}
}
content_copyCOPY
Comments