Collapsed Menü nur teilweise sichtbar

-2

In meiner Website www.dallazaira.it Ich habe ein Problem mit mobilen Vorlage. Wenn ich klicke, um Menü-Taste erscheint es, aber ich sehe nur den ersten Menüpunkt.Collapsed Menü nur teilweise sichtbar

Ich versuche alle CSS und Jquery in allen Post und ich versuche CSS für Stunden zu ändern, aber ich kann keine Lösung finden. Kannst du mir auf das helfen? Vielen Dank!

The html when closed is: 
<nav class=" bd-hmenu-1" data-responsive-menu="true" data-responsive-levels=""> 
<div class=" bd-menuitem-10 collapse-button"><a data-toggle="collapse" data-target=".bd-hmenu-1 .collapse-button + .navbar-collapse" href="#" onclick="return false;" class="collapsed"><span></span></a></div> 
<div class="navbar-collapse collapse" style="height: 0px;"> 
<div class=" bd-horizontalmenu-1 clearfix"> 
<div class="bd-container-inner"> 
<ul class=" bd-menu-1 nav navbar-left nav-pills nav-pills"> 
<li class=" bd-menuitem-3 item-101 current"><a class=" active" href="/"><span>Home</span></a></li>       
<li class=" bd-menuitem-3 item-125"><a href="/prodotti"><span>Prodotti</span></a></li>       
<li class=" bd-menuitem-3 item-124"><a href="/gallery"><span>Gallery</span></a></li>       
<li class=" bd-menuitem-3 item-108"><a href="/dove-siamo"><span>Dove siamo</span></a></li>       
<li class=" bd-menuitem-3 item-109"><a href="/contattaci"><span>Contattaci</span></a></li> 
</ul>  
</div> 
</div>   
</div> 
</nav>

Die html, wenn sie geöffnet ist:

<nav class=" bd-hmenu-1" data-responsive-menu="true" data-responsive-levels=""> 
<div class=" bd-menuitem-10 collapse-button"><a data-toggle="collapse" data-target=".bd-hmenu-1 .collapse-button + .navbar-collapse" href="#" onclick="return false;" class=""><span></span></a></div> 
    <div class="navbar-collapse collapse in" style="height: auto;"> 
    <div class=" bd-horizontalmenu-1 clearfix"> 
    <div class="bd-container-inner"> 
    <ul class=" bd-menu-1 nav navbar-left nav-pills nav-pills"> 
     <li class=" bd-menuitem-3 item-101 current"><a class=" active" href="/"><span>Home</span></a></li> 
     <li class=" bd-menuitem-3 item-125"><a href="/prodotti"><span>Prodotti</span></a></li>       
     <li class=" bd-menuitem-3 item-124"><a href="/gallery"><span>Gallery</span></a></li>       
     <li class=" bd-menuitem-3 item-108"><a href="/dove-siamo"><span>Dove siamo</span></a></li>       
     <li class=" bd-menuitem-3 item-109"><a href="/contattaci"><span>Contattaci</span></a></li> 
    </ul> 
    </div> 
    </div>   
    </div> 
</nav>

Quelle

2017-07-17 Alessandro Fiorenza

Wo ist Ihr Code, was haben Sie ausprobiert? Sie werden mit einer bestimmten Frage viel bessere Antworten bekommen, im Moment ist diese viel zu offen. –

Ich poste den Link auf die Seite, so dass Sie die Seite überprüfen können, ich denke, es ist einfacher. Ich füge den HTML-Code hinzu. Die Vorlage ist eine kostenlose Joomla-Vorlage. Wenn Sie etwas brauchen, sagen Sie es mir. Danke –

Ich habe eine Lösung gepostet. Aber das ist eine schlechte Frage für den Stack-Überlauf. Da Ihre Frage das Problem nicht vollständig widerspiegelt. Und es kann nur gelöst werden, indem Sie Ihre Seite tatsächlich betrachten. Also werde ich dafür stimmen, es zu löschen. Beim nächsten Mal erstellen Sie bitte ein minimales, verifizierbares Beispiel, siehe: https://stackoverflow.com/help/mcve Wenn Sie anderen Menschen helfen möchten, sollten Sie das Problem unbedingt dem Vorlagenhersteller melden, es sei denn, das Problem wurde nur erstellt durch Ihr benutzerdefiniertes CSS. –

Sie sollten die Elemente in den Browser-Entwickler-Tools immer inspizieren. Dann würden Sie sehen, dass das Menü:

hinter dem Karussell versteckt
hat keine Hintergrund-Farbe

Also das Element ist, es ist einfach nicht sichtbar ist.

So sollten Sie einige CSS wie hinzufügen:

.navbar-collapse { 
    z-index: 100; 
    background: white; 
}

Aber wirklich Ihre wichtigste Lehre hier sollte, um beginnen zu lernen, wie die browser developer tools verwenden, so können Sie das Problem genau lokalisieren.

Quelle

2017-07-17 12:55:10

Collapsed Menü nur teilweise sichtbar

Antwort

Verwandte Themen