Manchmal ist es in WordPress notwendig den Header um weitere Informationen zu erweitern. Das folgende Code-Snippet zeigt, wie man unter Avada eine zusätzliche Infoleiste an den Header anheftet:

add_action( 'wp_head', function () { ?>
<style>
  .hidden {display: none !important;}
</style>
<script>
  
jQuery(document).ready(function() {
  
  let infoBar = '<div id="custom-menu-infobar" style="display:block;height:auto;background-color:white;text-align:center;padding-top:3px;font-size:14px">';
  infoBar += '<span style="margin-right:20px;display:inline-block;width:max-content;"><i class="fas fa-check-circle" style="font-size: 14px;margin-right:4px"></i>Futterergänzungen höchster Qualität</span>'
  infoBar += '<span style="margin-right:20px;display:inline-block;width:max-content"><i class="fas fa-truck" style="font-size: 14px; margin-right:4px;"></i>Gratis&nbsp;Versand&nbsp;ab&nbsp;39€</span>';
  infoBar += '<span style="margin-right:20px;display:inline-block;width:max-content"><i class="fas fa-certificate" style="font-size: 14px; margin-right:4px"></i>Made in Germany</span>';
  infoBar += '</div>';
      
  jQuery(infoBar).insertAfter('.fusion-header');
});

</script>
<?php } );

Im WordPress Frontend schaut das Ganze dann so aus: