Add notification bar

Hey jnightingale,

Thank you for the inquiry.

You can directly override the header.php file in your child theme or insert widgets into the header area. Another option is to enable the settings in Enfold > Header > Extra Elements > Header Phone Number/Extra Info. Please refer to the documentation for more info.

— https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

Best regards,
Ismael

Hi,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_message_banner_script() { ?>
  <script>
(function($){
  $('#top #header_meta > .container').each(function() {
  	var messageTitle = 'FREE delivery within 60 miles';
  	var messageBanner = $('<p class="message-banner">'+ messageTitle +'</p>').css({'text-align':'center','margin-top':'0','background-color':'red','margin':'0','z-index':'1','position':'relative','color':'#fff'});
  	$(messageBanner).insertBefore('#header_meta');
});
})(jQuery);
</script>
  <?php
}
add_action( 'wp_footer', 'custom_message_banner_script', 99 );

adjust the colors to suit. This is the result for transparent desktop headers:

and scrolled desktop headers:

and mobile headers:

Best regards,
Mike