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.449
338
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.449
338
83
Ho detto di correggere il primo post non di farne uno nuovo ora l'ho fatto io
 
Discussioni simili
Autore Titolo Forum Risposte Data
A Logo si sovrappone all'header HTML e CSS 1
M eliminare padding logo sito HTML e CSS 2
F Creo pagine instagam con logo e 1k follower Offerte e Richieste di Lavoro e/o Collaborazione 0
A preventivo logo (wide logo e square logo) Offerte e Richieste di Lavoro e/o Collaborazione 1
P [Photoshop] Consigli per logo dimensioni minime Photoshop 1
G Consigli Logo aziendale Webdesign e Grafica 7
K [CERCO -RETRIBUITO] Realizzazione logo , banner, video copertina pagina FB Offerte e Richieste di Lavoro e/o Collaborazione 0
R [WordPress] [HTML] Variare dimensione logo rimanendo centrato nella fascia di testa: come? WordPress 16
D [Cerco retribuito] Grafico per UI/UX app e logo Offerte e Richieste di Lavoro e/o Collaborazione 3
B Stilizzazione vecchio logo, come fare?? Photoshop 3
M Menu e logo responsive problema centramento HTML e CSS 6
Devil-94 gestione logo e titolo del sito con php e mysql MySQL 2
F Prolungamento colore logo HTML e CSS 1
M [help] crazione logo forum Webdesign e Grafica 3
mirko.dagata Authorship per le aziende: logo aziendale al posto del volto Social Media Marketing 1
A Come posizionare centralmente in modalità fissa un logo in una pagina html HTML e CSS 5
I box con logo con link ad url esterno Joomla 2
E come cambiare le dimensione del logo? WordPress 2
borisslender Consiglio su creazione logo Webdesign e Grafica 2
M Richiesta logo per Blog Webdesign e Grafica 0
A logo su facebook HTML e CSS 1
P Link alla index sul logo WordPress 6
R Logo su immagine o videaostreaming PHP 3
max_400 Opinione Logo / banner Discussioni Varie 10
max_400 Cambiare il logo del forum Discussioni Varie 7
P Logo per sito Webdesign e Grafica 6
C Creare logo per un sito web [era: Aiuto per creazione logo] Webdesign e Grafica 2
M realizzare il logo per un forum Webdesign e Grafica 3
M Mi consigliate qualche modifica a questo logo? Webdesign e Grafica 5
G aiuto per logo di un ristorante Webdesign e Grafica 12
S form invio mail con foto o logo PHP 46
G utilizzare personaggi come logo (super mario, sonic etc etc) Leggi, Normative e Fisco 2
F il logo non si vede bene. come mai? HTML e CSS 1
A Wordpress: allineamento logo WordPress 6
K un tappezziere e il suo logo Webdesign e Grafica 2
V Sito e Logo Per il Santopalato Ristorante, Pistoia / raffaelevisconti.it Presenta il tuo Sito 2
V MODIX STUDIO / Sito e Logo per uno studio d'Architettura Presenta il tuo Sito 1
A realizzazione logo per onlus Webdesign e Grafica 1
S creazione logo band Webdesign e Grafica 5
T Adsense accanto al logo Google AdSense 2
A logo pixelato in fase di stampa? Webdesign e Grafica 4
P [Vendo] : logo 120X90 e link testuale Vendere e Acquistare pubblicita' online 0
A applicare logo.psd ad un filmato Webdesign e Grafica 1
S Aggiungere favicon [Era: come mettere il logo del sito sul browser] HTML e CSS 6
W Sondaggio per la scelta del logo ufficiale Webdesign e Grafica 4
L un grafico per un buon logo Webdesign e Grafica 4
L help!!!!!!!aiuto per logo!!!!!!!!! Webdesign e Grafica 0
N Aiuto esportazione logo a photoshop a web! Photoshop 4
P [Cerco] Occupazioni Logo's Designer Altri Annunci 2
C logo a apsirale Flash 5

Discussioni simili