Alinhando a barra de navegação no celular

[Frank K Hosaka]

Eu tenho o seguinte código:

<?php
session_start();
require 'app.php';
require 'config.php';
?>
<style>
  @media (min-width: 768px) { main, header {width: 50%;margin: auto} }
  @media (max-width: 767px) { main, header {width: 100%;margin: auto} }
  a {color:blue;text-decoration:none}
  a:hover {color:black;}
  form {margin:0}
  .linha {line-height:0px}
  summary{list-style:none}
  td {white-space: nowrap}
</style>
<header class="navbar navbar-light sticky-top bg-light flex-md-nowrap p-0"> 
  PHP                                        
  <div class=dropdown>
    <button type=button class="btn btn-outline-primary dropdown-toggle" data-bs-toggle=dropdown id=btmenu>
      Menu
    </button>
    <ul class="dropdown-menu">
      <?php if($_SESSION['id']==1): ?>
      <li><a class=dropdown-item href=diario.php>Diário</a></li>
      <li><a class=dropdown-item href=balancete.php?balancete>Balancete</a></li>
      <li><a class=dropdown-item href=pagar.php>Pagar</a></li>
      <li><a class=dropdown-item href=outros.php>Outros</a></li>
      <?php endif; ?>
      <li><a class=dropdown-item href=orcamento.php>Orçamento</a></li>
      <li><a class=dropdown-item href=pessoa.php>Pessoa</a></li>
      <li><a class=dropdown-item href=produto.php>Produto</a></li>
      <li><a class=dropdown-item href=venda.php>Relatório de Venda</a></li>
      <li><a class=dropdown-item href=mercadopago.php>Mercado Pago</a></li>
    </ul>
  </div>
  <div class="dropdown">
  <button class="btn btn-outline-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
  <?=$_SESSION['nome']?>
  </button>
  <ul class="dropdown-menu">
    <li><a class=dropdown-item href=sair.php>Sair</a></li>
    <li><a class=dropdown-item href=alterarSenha.php>Mudar Senha</a></li>
  </ul>
  </div>
</header>

Tenho mais dois projetos que fazem a mesma coisa, mas usam recursos diferentes: o projeto Classe e o projeto Laravel. Esses dois últimos eu sempre tive problema com o alinhamento da barra de navegação no celular. Eu pensei que o problema era o CSS, mas hoje eu fiz um teste, eu tirei a palavra "Projeto" da barra de navegação, e assim consegui alinhar: