Logo fuori centro

[Tony Winwar]

Buongiorno,
ho un problema che non riesco a risolvere:
Ho creato una navbar top fixed con il logo al centro; quando la navbar diventa menu hamburger, il logo rimane sempre al centro della pagina ma essendo influenzato dai pixel usati dal button hamburger posizionato a destra, il risultato e' che il logo non viene visualizzato esattamente al centro ma spostato un po' verso sinistra.
Spero che qualcuno possa venirmi in aiuto.

Grazie
Tony

Questo e' il codice su cui sto lavorando:

<header class="fixed-top">

    <nav class="navbar navbar-expand-xl navbar-toggleable-md navbar-light bg-white">

        <div class="navbar-collapse collapse w-100 order-1 dual-collapse2">

            <ul class="navbar-nav mx-auto">

                <li class="nav-item home">

                    <a class="nav-link" href="#"><a href="https://www.weddinginsicily.co.uk/">HOME <span class="sr-only">(current)</span></a> </li>

            <li class="nav-item"> <a class="nav-link" href="#"><a href="https://www.weddinginsicily.co.uk/wedding_sicily_about.html">ABOUT US</a> </li>

          <li class="nav-item"> <a class="nav-link" href="#"><a href="https://www.weddinginsicily.co.uk/wedding_sicily_services.html">SERVICES</a> </li>

        <li class="nav-item"> <a class="nav-link" href="#"><a href="https://www.weddinginsicily.co.uk/wedding_sicily_your_ceremony.html">CEREMONIES</a> </li>

        <li class="nav-item"> <a class="nav-link" href="#"><a href="https://www.weddinginsicily.co.uk/wedding_sicily_same_sex_ceremony.html">SAME SEX</a> </li>

        <li class="nav-item"> <a class="nav-link" href="#"><a href="https://www.weddinginsicily.co.uk/wedding_sicily_our_weddings.html">OUR WEDDINGS</a> </li>

            </ul>

        </div>

        <div class="mx-auto order-0 order-xl-2">

         <a class="navbar-brand mx-auto" href="/"><img src="Imagine/00 Top Logo 2021.png" alt="Logo 2021" width="275" height="127"></a></div>

        <div class="navbar-collapse collapse w-100 order-3 dual-collapse2">

            <ul class="navbar-nav mx-auto">

                <li class="nav-item">

                    <li class="nav-item"> <a class="nav-link" href="#"><a href="https://www.weddinginsicily.co.uk/wedding_sicily_venues.html">VENUES</a> </li>

          <li class="nav-item"> <a class="nav-link" href="#"><a href="https://www.weddinginsicily.co.uk/wedding_sicily_testimonials.html">TESTIMONIALS</a> </li>

        <li class="nav-item"> <a class="nav-link" href="#"><a href="https://www.weddinginsicily.co.uk/wedding_sicily_legalities.html">LEGALITIES</a> </li>

              <div class="dropdown">

  <button class="dropbtn">CONTACT US</button>

  <div class="dropdown-content">

    <a href="#"><a href="mailto:info@weddinginsicily.co.uk" title="">info@weddinginsicily.co.uk</a>

  </div>

</div>

        <li class="nav-item"> <a class="nav-link" href="#"><a href="https://www.weddinginsicily.co.uk/wedding_sicily_discover_taormina.html">DISCOVER TAORMINA</a>

     </li>

            </ul>

        </div>

        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".dual-collapse2">

            <span class="navbar-toggler-icon"></span>

        </button>

    </nav>

</header>

 

[Max 1]

@Tony Winwar

Da regolamento del forum, come tutti noi sei tenuto ad usare il tag

quando posti del codice php, oppure la funzione codice dalla barra degli strumenti

Inoltre IMPORTANTE: Prima di creare una nuova discussione o di rispondere alle discussioni esistenti ricordati di leggere attentamente il Regolamento del Forum e l'eventuale regolamento specifico della sezione!
Grazie

Correggi i tuoi post mi raccomando altrimenti sarò costretto a cancellare le discussioni

 

[Max 1]

Ho detto di correggere il primo post non di farne uno nuovo ora l'ho fatto io

 

[Tony Winwar]

Ho detto di correggere il primo post non di farne uno nuovo ora l'ho fatto io

Grazie,
non sono riuscito a trovare il modo di correggerlo prima. Per questo ne ho fatto uno nuovo.