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:
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: