Please use this snippet code
https://gist.github.com/KaineLabs/6ff34b2290797e764e4676931545d0cc
If you want to add BANNER, here is the snippet code
<?php
/**
* Add Content Above Groups Directory.
*/
function yzc_add_content_above_groups_directory() {
// Add content here.
echo '<a href="addlinkhere"><img src="addimageurlhere" alt="" class="bannergroup" /></a>';
}
add_action( 'bp_before_directory_groups', 'yzc_add_content_above_groups_directory' );
Change "addimageurlher" with URL image you upload into your site and "addlinkhere" if that image you want to clickable banner.
And add this CSS code into Youzer Panel >> general Settings >> Custom Styling Seettings >> Group Directory CSS Box (dont forget to switch on the "Enable CSS" button first
.bannergroup {
width: 97% !important;
margin-bottom: 5%;
margin-left: 20px;
}