myresearch menu header thing

header

by Joseph Tate

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<nav class="navbar navbar-default">
    <div class="container-fluid">
            
           
         <a class="navbar-brand navbar-brand-center hidden-sm hidden-md hidden-lg">MyResearch</a>

        <ul class="nav navbar-nav pull-left">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle navbar-nav-dropdown-open" data-toggle="dropdown" role="button" aria-expanded="false">Menu</a>
                  <ul class="dropdown-menu" role="menu">
                    <li><a href="#">Proposals</a></li>
                    <li><a href="#">Training Transcript</a></li>
                  </ul>
            </li>
          </ul>
        <a class="navbar-brand visible-sm visible-md visible-lg">MyResearch</a>
            
            <ul class="nav navbar-nav pull-right">
                <li class="dropdown"> 
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" style="text-align:right;">User</a>
                  <ul class="dropdown-menu" role="menu">
                    <li><a href="#">Log out Transcript</a></li>
                  </ul>
            </li>
          </ul>
        </div>

        
</nav>

CSS

.navbar-brand-center
{
    position: absolute;
    width: 50%;
    left: 0;
    text-align: center;
    margin: auto 25% auto 25%;
}
.dropdown-toggle.navbar-nav-dropdown-open.ui-link {
    background: transparent !important;
}

.dropdown-toggle.ui-link {
    background: transparent !important;
}