Logo fuori centro

Tony Winwar

Nuovo Utente
18 Mag 2020
2
0
1
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:
HTML:
<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:[email protected]" title="">[email protected]</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>
 
Ultima modifica di un moderatore:

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.278
330
83
@Tony Winwar

Da regolamento del forum, come tutti noi sei tenuto ad usare il tag
PHP (2).png

quando posti del codice php, oppure la funzione codice dalla barra degli strumenti
box inserisci.png

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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.278
330
83
Ho detto di correggere il primo post non di farne uno nuovo ora l'ho fatto io