Add Members Directory Sidebar

yzc_register_members_directory_sidebars.php

<?php
/**
 * Register Members Directory - Sidebar
 */
function yzc_register_members_directory_sidebars() {

    register_sidebar(
        array (
            'name' => __( 'Members Directory Sidebar', 'youzer' ),
            'id' => 'yz-members-directory-sidebar',
            'description' => __( 'Members Directory Sidebar', 'youzer' ),
            'before_widget' => '<div id="%1$s" class="widget-content %2$s">',
            'after_widget' => "</div>",
            'before_title' => '<h3 class="widget-title">',
            'after_title' => '</h3>',
        )
    );

}

add_action( 'widgets_init', 'yzc_register_members_directory_sidebars' );

/**
 * Call Sidebar.
 */
function yzc_members_directory_sidebar() {
    
    if ( ! bp_is_members_directory() ) {
        return;
    }
    
    if ( is_active_sidebar( 'yz-members-directory-sidebar' ) ) {
        echo '<div class="yz-sidebar-column yz-members-directory-sidebar youzer-sidebar"><div class="yz-column-content">';
        dynamic_sidebar( 'yz-members-directory-sidebar' );
        echo '</div></div>';
    }
}
add_action( 'bp_after_directory_members', 'yzc_members_directory_sidebar' );

/**
 * Call Sidebar Css.
 */
function yzc_members_directory_sidebar_css() {

    if ( ! bp_is_members_directory() ) {
        return;
    }
    
    ?>

    <style type="text/css">
        
        #members-dir-list {
            width: calc( 70% );
            float: left;
        }
        
        .yz-sidebar-column {
            width: calc( 30% - 17.5px);
            margin-right: 17.5px;
        }
        .yz-sidebar-column .yz-column-content {
            padding-left: 17.5px;
        }

        @media screen and ( max-width: 1024px ) {
            
            #members-dir-list,
            .yz-sidebar-column {
                width: initial;
                float: none;
                margin: 0;            
            }

            .yz-sidebar-column .yz-column-content {
                padding: 0;
            }

        }

    </style>

    <?php

}

add_action( 'wp_head', 'yzc_members_directory_sidebar_css' );