Notification bar on top

Hey ditteditte,

Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

Best regards,
Rikard

Hi,

Thanks for that. I’ve added the CSS for you, please review your site.

Best regards,
Rikard

Hi,
Thank you for your patience and the link to your site, I changed the function to show the widget in the header that was in your child theme functions.php to this:

add_action( 'ava_main_header', 'enfold_customization_header_widget_area' );
function enfold_customization_header_widget_area() {
dynamic_sidebar( 'header' );
}

and then I added this function in your child theme functions.php to move the notification area above the top bar:

function add_top_notification_widget() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($) {
     $('#header_main .widget').detach().insertBefore('#header_meta');
})(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'add_top_notification_widget');

and I added this css to your child theme stylesheet:

/* Notification bar */
.responsive #top #header .widget>div {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    line-height: 14px;
    padding: 0 10px;
    background: gold;
    width: 100vw;
    position: relative;
    z-index: 1;  
    left: 50%;
    transform: translateX(-50%);
}
.responsive #top #header .widget>div>p {
	margin: 0;
    padding: 7px;
}
.responsive #top #header .widget {
	padding:  0;
}

and after clearing your cache this is the result:

I was not sure if you wanted it to show because you had the widget hidden, so I hid it when I was done, so please un-hide to check.

Best regards,
Mike