Here you go
Code:
<style>
.user_avatar {
position: absolute;
left: 0;
top: -10px;
z-index: 9999;
width: 40px;
height: 40px;
border-radius: 50%;
border: 2px solid #fff;
}
.user_avatar img {
width: 40px;
height: 40px;
border: 0;
border-radius: 50%;
}
</style>
<div class="user_avatar"><img src="{$mybb->user['avatar']}" alt="" onerror="this.style.display='none';" /></div>
<span style="padding-left: 55px;">
Welcome, <a href="{$mybb->settings['bburl']}/member.php?action=profile&uid={$mybb->user['uid']}"><strong>{$mybb->user['username']}</strong></a>
<a class="pm_anchor" href="{$mybb->settings['bburl']}/private.php"><i class="fa fa-lg fa-envelope-o"></i><span class="pm_unread hidden"><span>{$mybb->user['unreadpms']}</span></span></a>
<a href="{$mybb->settings['bburl']}/usercp.php"><i class="fa fa-lg fa-cogs"></i></a>
{$modcplink}
{$admincplink}
<a href="/usercp.php?action=alerts"><i class="fa fa-bell"></i> Alerts ({$mybb->user['unreadAlerts']})</a>
</span>
<div class="links_r">
<a href="{$mybb->settings['bburl']}/member.php?action=logout&logoutkey={$mybb->user['logoutkey']}"><i class="fa fa-power-off"></i> Log Out</a>
</div>
This should work.