Avada Header and Footer Hooks

avada-theme-header-footer-hooks-functions.php

<?php

/**
 * Playing around with the Avada header and footer hooks.
 *
 * If you add this to your child theme's functions.php
 * file along with the accompanying CSS below, you'll
 * get a visual display of where these hooks show up applied
 * on a page built with Avada.
 */

/**
 * Action: avada_header
 */
function my_avada_header() {
	echo '<span class="afilter">avada_header</span>';
}
add_action( 'avada_header', 'my_avada_header' );

/**
 * Action: avada_logo_append
 */
function my_logo_append() {
	echo '<span class="afilter">avada_logo_append</span>';
}
add_action( 'avada_logo_append', 'my_logo_append' );

/**
 * Action: avada_before_header_wrapper
 */
function my_custom_before_header_wrapper() {	
	echo '<span class="afilter">avada_before_header_wrapper</span>';
}
add_action( 'avada_before_header_wrapper', 'my_custom_before_header_wrapper' );


/**
 * Action: avada_after_header_wrapper
 */
function my_custom_after_header_wrapper() {	
	echo '<span class="afilter">avada_after_header_wrapper</span>';
}
add_action( 'avada_after_header_wrapper', 'my_custom_after_header_wrapper' );

/** Secondary Header */

/**
 * Filter: avada_header_contact_info_email
 */
function my_header_contact_info_email( $email ) {
    $filter_highlight_html = <<<EOT
	<span class="afilter">avada_header_contact_info_email</span>
EOT;
    return $email . $filter_highlight_html;
}
add_filter( 'avada_header_contact_info_email', 'my_header_contact_info_email' );

/**
 * Filter: avada_secondary_header_content
 * 
 * This will overwrite the filter above.
 * 
 * Not very well documented. BUt, it will filter left and right content
 * areas in the secondary header.
 */
function my_secondary_header_content() {
	return '<span class="afilter">avada_secondary_header_content</span>';
}
add_filter( 'avada_secondary_header_content', 'my_secondary_header_content' );

/** Side Header? */

/**
 * Action: avada_header_inner_before
 */
function my_custom_header_inner_before() {
	echo '<span class="afilter">avada_header_inner_before</span>';
}
add_action( 'avada_header_inner_before', 'my_custom_header_inner_before' );

/** Footer Area */

/**
 * Action: avada_after_main_container
 */
function my_custom_after_main_container() {
	echo '<span class="afilter">avada_after_main_container</span>';
}
add_action( 'avada_after_main_container', 'my_custom_after_main_container');

/**
 * Action: avada_footer_copyright_content
 */
function my_footer_copyright_content() {
	echo '<span class="afilter">my_footer_copyright_content</span>';
}
add_action( 'avada_footer_copyright_content', 'my_footer_copyright_content');

avada-theme-header-footer-hooks-README.md

Avada Theme Header Filters

If you add the PHP to your child theme's functions.php file along with the accompanying CSS in you Additional CSS setting, you'll get a visual display of where these filters are appliedwhen you bring up your Avada instance.

Reference

https://theme-fusion.com/documentation/avada/avada-for-developers/avada-hooks-actions-and-filters/

avada-theme-header-footer-hooks-style.css

:root {
  --highlight-colour-blue: cadetblue;
  --white-colour: whitesmoke;
}

.afilter {
  background-color: var(--highlight-colour-blue);
  color: var(--white-colour);
  font-size: 1.25em;
  font-weight: 500;
  padding: 0.5%;
}

Screen Captures