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

Hi,
If you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

and ensure that it is activated, then add the above code and save.

Best regards,
Mike

Hi,
When I check your site while not logged in I see your notification bar:

please clear your browser cache and check.
Please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

Best regards,
Mike