Navbar sobrepondo conteúdo em resolução menor

[manolegal 12]

Bom dia

Estou com problema em um navbar. Ao final do navbar, incluí um navbar-right e dentro deste um dropdown-menu.

Ao diminuir a resolução do navegador, a navbar-right "pula para uma nova linha" ao invés de diminuir de tamanho.

<nav id="top-nav" class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container-fluid">
      
.......
      
<ul class="nav navbar-nav navbar-right">
   <li><a href="suporte.php"><i class="glyphicon glyphicon-envelope" alt="Suporte" title="Suporte    Técnico"></i><span title="Suporte Técnico"> Suporte </span><span class="badge badge-info" id="sup_nov_mens"></span></a></li>
   <li class="dropdown">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"><span class="glyphicon glyphicon-user"></span><?php echo " $var_nome"; ?><span class="caret"></span></a>
      <ul id="g-account-menu" class="dropdown-menu" role="menu">
         <li><a href="#">Texto_1: <?php echo" $var_1"?></a></li>
         <li><a href="#">Texto_2: <?php echo" var_2"?></a></li>
         <li><a href="#">Texto_3: <?php echo" var_3"?></a></li>
         <li><a href="form1.php" style="color: blue;">Texto_4</a></li>
      </ul>
   </li>
   <li><a href="form.php?v=lg" target="_top"><i class="icon-lock icon-white"></i> Sair</a></li>
</ul> 
      
        </div><!--/.nav-collapse -->
    </div><!--/.container -->
</nav><!--/.header -->

Ao diminuir a resolução, esta navbar-right "cria uma segunda linha" e sobrepõe conteúdo do meu formulário.

Se alguém puder me ajudar, agradeço. Utilizo Bootstrap3.