MyBB Community Forums

Hello,

When I look at my forum on the computer it looks like this:


But when I open my forum on my phone it looks like this:


I would like that Logout/Welcomeblock bar to sit on the back Call of duty image so that no matter if i'm no my laptop/phone it's always the same.  Is there a way to do this?  Here is what my header looks like:

<a name="top" id="top"></a>
<div id="container">
		<div id="header">
		<div id="content">
			<div class="wrapper">
<div class="menu">
<ul>
<li id="nav-portal"><a href="{$mybb->settings['bburl']}/portal.php"><i style="font-size: 12px;" class="fa fa-home fa-fw"></i> Home</a></li>
<li id="nav-forums"> <a href="{$mybb->settings['bburl']}/index.php"><i style="font-size: 12px;" class="fa fa-comments fa-fw"></i> Forums</a></li>
<li id="nav-member"> <a href="{$mybb->settings['bburl']}/memberlist.php"><i style="font-size: 12px;" class="fa fa-users fa-fw"></i> Members</a></li>
<li id="nav-help"> <a href="{$mybb->settings['bburl']}/misc.php?action=help"><i style="font-size: 12px;" class="fa fa-info fa-fw"></i> {$lang->toplinks_help}</a></li>
  <li><a href='javascript:;' id="extraslink"><i style="font-size: 14px;" class="fa fa-angle-down fa-fw"></i>Extras</a></li>
      <ul>
            </div> 
  <div id="extraslink_popup" class="popup_menu" style="display: none;">
      <div class="popup_item_container">
        <a href="{$mybb->settings['bburl']}/stats.php" class="popup_item">Forum stats</a>
      </div>
      <div class="popup_item_container">
        <a href="{$mybb->settings['bburl']}/showteam.php" class="popup_item">Show team</a>
      </div>
      <div class="popup_item_container">
        <a href="{$mybb->settings['bburl']}/search.php?action=getnew" class="popup_item">{$lang->welcome_newposts}</a>
      </div>
      <div class="popup_item_container">
        <a href="{$mybb->settings['bburl']}/search.php?action=getdaily" class="popup_item">{$lang->welcome_todaysposts}</a>
      </div>
      <div class="popup_item_container">
        <a href="{$mybb->settings['bburl']}/awards.php" class="popup_item">Awards</a>
      </div>
  </div>
<div class="topbar">
<div class="float_left" style="margin-left: 1%; margin-top: 15px;"> 
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" /></a></div>
			  <div class="float_right" style="margin-top:  60px;">{$welcomeblock}</div> 
  </div>
         <br />
          {$pm_notice}
				{$bannedwarning}
				{$bbclosedwarning}
				{$unreadreports}{$myprofile_alertbar}
				{$pending_joinrequests}
				{$awaitingusers}
              	 <navigation><!--OUGC_ANNBARS--><br />
                                   
<script type="text/javascript">
// <!--
    if(use_xmlhttprequest == "1")
    {
        $("#extraslink").popupMenu();
    }
// -->
</script>

Don't know if you need my CSS but I don't even know which one that you would need me to show you if needed.  Any kind of help would be greatly appreciated.  Thank You!!

---

Darn it...

I'm sorry, can this thread be moved to 1.8 series general support? I messed up...