BuddyPress.org

check the WP plugin repo there are some plugins to make the admin bar work better on mobile

@pjbursnall , I wouldn’t say that it is pretty easy here

<?php global $current_user;
		get_currentuserinfo();
		$display = $current_user->display_name;
		$login = $current_user->user_login;
		$userid = $current_user->ID;
                $home = get_home_url();
?>

add that above your custom drop-down then its pretty simple just echo out the username, url etc <li class="li-fourth"><a href="<?php echo $home . '/members/' . $login . '/activity/mentions'; ?>">Mentions</a></li>

EDIT –

Oh the other bit you’d have to google for is the avatar but here
<?php echo bp_core_fetch_avatar( array('item_id' => $userid, 'type' => 'full', 'width' => 100,'height' => 100));?>
You’ll want to adjust the width/height accordingly

@pjbursnall yeah that code replicates the notification element only (the only part that is somewhat confusing to replicate) you place the code in the plugins directory in bp-custom.php you may have to create the file yourself.

http://stackoverflow.com/questions/9953482/how-to-make-a-pure-css-based-dropdown-menu – shows you how to create a drop down menu, https://codex.wordpress.org/Function_Reference/get_currentuserinfo get the current users info so you can create links to their profile pages, etc.

Just a note, to add the notifcations to your custom bar your code will look something like <li><?php bp_notification_badge(); ?></li>

@pjbursnall Personally I think buddypress should disable admin access anyway as most users don’t want it but that is neither here nor there. Recreating the admin bar is pretty easy, you need to know some css, html and a few bp functions to get the current users details like username etc, as for the notifications @modemlooper or @mercime posted this a while back (my apologies for not remembering which).

function bp_notification_badge() {
	if ( is_user_logged_in() ) {
	global $current_user;
	get_currentuserinfo();
			$notifications = bp_core_get_notifications_for_user( bp_loggedin_user_id() );
				if ( empty($notifications)) {
				echo '<li class="li-first" id="li-first-right"><a href="' . get_home_url() . '/members/' . $current_user->user_login . '"><span class="circle-zero">0</span></a><ul class="second-level" id="second-level-right"><li class="li-second"><a href="' . get_home_url() . '/members/' . $current_user->user_login . '">No new notifications!</a></li></ul></li>';
				} else {
						echo '<ul class="second-level" id="second-level-right">';
					$counter = 0;
						for ( $i = 0; $i < count($notifications); $i++ ) {
						$badge = count($notifications);
						echo '<li class="li-third">'.$notifications[$i].'</li>';		
						}
				echo '</ul>';
				echo '<a href="' . get_home_url() . '/members/' . $current_user->user_login . '"><span class="circle-badge">'.$badge.'</span></a>';
			}
	}
}

As for actually disabling the admin bar + backend that can be done with a plugin, plenty of them just google.

The buddypress.css file is inside the plugins folder.

wp-content / plugins / buddypress / bp-templates / bp-legacy / css / buddypress.css (copy)

If you wanna change or add to this file this file you can copy-/paste it inside your WP theme folder inside a css folder and this new file will be used instead of the old one.

wp-content / themes / [ your theme name ] / css / buddypress.css (paste)

@bradlyr – Can you give me more details? I’m looking for some code to start out as a base for a buddypress / bbpress app for our site. Are you writing that?

It may be a conflict with buddypress.css and the WordPress theme. Have you inspected the element in Google chrome?

I think what you’re really looking for is this plugin: BP Direct Menus. You can put a menu item or shortcode that links to any buddypress page. It even lets you customize the menu name with the user’s information.

Full disclosure: I wrote the plugin after I couldn’t find a more elegant solution to this same problem.

@alleycakes add to your theme’s stylesheet:
#buddypress a.button {
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #f43b32), color-stop(1, #d2231a) ) !important;
background: -moz-linear-gradient( center top, #f43b32 20%, #d2231a 100% ) !important;
-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29);
-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29);
}