Sitewide notification on small screens

Unfortunately our site is not live yet, but basically the alert shows on tablet-sized horizontal oriented screens or larger, but not on vertically oriented screens or phones. There must be a way to specify that the alert should show on all screen sizes?

Here is a screen shot:
https://ibb.co/HPW0j85
https://ibb.co/S7NDV9w

And here is the css that I used (from this page https://kriesi.at/documentation/enfold/notification/:
/*—————————————-
// CSS – Sitewide Notification
//————————————–*/
#header .widget {
overflow: visible!important;
position: absolute!important;
display: block!important;
background: gold;
line-height: 30px;
padding: 0;
margin: 0;
z-index: 99999;
padding-top: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
max-height: 30px;
z-index: 9999;
}
#header .widget .avia_message_box.sitewide {
padding: 0;
margin: -30px;
}

#header {
margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #header {
margin-top:30px!important;
}}

#header .widget .avia_message_box.sitewide:before,
#header .widget .avia_message_box.sitewide:after {
content:”;
width: 100vw;
height: 100%;
top:0;
background: #00a0af;
position: absolute;
z-index: -1;
}
#header .widget .avia_message_box.sitewide:before {
left: 0;
}
#header .widget .avia_message_box.sitewide:after {
right: 0;
}