I would love some advice on how to add a full page-width image directly below the Header (not attached to the header but displaying directly underneath it with no white space in between). The image should be full the page width (ie overwriting the set width of each page’s content so that if someone’s resolution is 1920×1080, they see an image that is 1920 in width just like the header and footer).
Any advice to the best way accomplish that is greatly appreciated.
Hey!
There is a hook you can use to insert content after the header, try adding this to your functions.php file:
function after_head_image_func($content){
echo "<div class='custom_content'><img src='_URL_'></div>";
}
add_action('ava_after_main_container', 'after_head_image_func');
Cheers!
Josue
Exactly what I was looking for. Thanks Josue!
You are welcome, glad we could help :)
Regards,
Josue