<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="header-middle"><!--header-middle--> <div class="container"> <div class="row"> <div class="col-md-1" style="margin-left:4%"> <div class="logo"> <a href="index.html"><img src="http://lcc.dotcmscloud.com/images/luxe.png" style="width:100%;" /></a> </div> </div> <div class="col-md-11" > <div class="shop-menu pull-right"> <ul class="nav navbar-nav"> <li ><a href="http://lcc.dotcmscloud.com/qa/#/home" class="activeMenu">Home</a></li> <li ><a href="http://lcc.dotcmscloud.com/qa/#/howItWorks" >How It Works</a></li> <li ><a href="http://lcc.dotcmscloud.com/qa/#/serviceoptions" >Service Options</a></li> <li ><a href="http://lcc.dotcmscloud.com/qa/#/luxevault" >Luxe Vault</a></li> <!-- ngIf: isUserLoggedIn === true --> <li ><a href="http://lcc.dotcmscloud.com/qa/#/join" >Luxe Network</a></li> <li ng-if="isUserLoggedIn === false" class="ng-scope"><a href="http://lcc.dotcmscloud.com/qa/#/signup" >Get Certified</a></li><!-- end ngIf: isUserLoggedIn === false --> <li ng-if="isUserLoggedIn === false" class="ng-scope"><a href="http://lcc.dotcmscloud.com/qa/#/login">Log in</a></li><!-- end ngIf: isUserLoggedIn === false --> </ul> </div> </div> <div class="col-md-1"> <input class="form-control input-sm" id="inputsm" type="text" style="width:60%"> </div> </div> <div class="row"> <p style="font-family: initial; font-size: 20px; color:#C39B28; letter-spacing: 3px;">LUXE CERTIFIED</p> </div> </div> </div>

.nav>li>a{ font-size:14px; padding:4px; }