Hallo,
ich bin gerade am Verzweifeln ... kann aber auch an der Hitze liegen
Contao 4.4
Bootstrap 4
[bootstrap-bundle] von Netzmacht
nav-bs.html5 template im Einsatz
und ich schaffe es nicht den level_3 erst bei Klick (in meinem Fall bei hover) rechts neben dem link aufklappen zu lassen.
Es scheint als hätte ich entweder das System nicht verstanden, oder einfach nur nen Knopf im Kopf
Kann mir hier jemand weiterhelfen - b i t t e
das erzeugte HTML
PHP-Code:
<nav class="mod_navigation block" itemscope="" itemtype="http://schema.org/SiteNavigationElement">
<a href="termine.html#skipNavigation4" class="sr-only">Navigation überspringen</a>
<ul class="level_1 nav">
<li class="submenu first nav-item dropdown">
<a class="nav-link dropdown-toggle" href="" itemprop="url" title="Fahrschule Pfeifer Horn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"><span itemprop="name">Fahrschule Pfeifer Horn</span></a>
<div class="level_2 dropdown-menu show">
<a class="dropdown-item first" href="team.html" itemprop="url" title="Unser Team"><span itemprop="name">Unser Team</span></a>
<a class="dropdown-item" href="fuhrpark.html" itemprop="url" title="Der Fuhrpark"><span itemprop="name">Der Fuhrpark</span></a>
<a class="dropdown-item submenu last" href="buero.html" itemprop="url" title="Anfahrt"><span itemprop="name">Anfahrt</span></a>
<div class="level_3">
<a class="nav-link" href="buero.html" itemprop="url" title="Büro"><span itemprop="name">Büro</span></a>
<a class="nav-link" href="pkw-uebung.html" itemprop="url" title="PKW Übungsplatz"><span itemprop="name">PKW Übungsplatz</span></a>
<a class="nav-link" href="lkw-uebung.html" itemprop="url" title="LKW Übungsplatz"><span itemprop="name">LKW Übungsplatz</span></a>
</div>
</div>
</li>
bei Klick bzw. hover in level_1 kommt die class 'show' dazu - also in diesem Fall ist die NAV ausgeklappt und unter dem Link 'Anfahrt' beginnt bereits .level_3
level_3 sollte aber erst bei klick bzw. hover von 'Anfahrt' aufklappen
das hover in level_1 funktioniert mit
PHP-Code:
.navbar-collapse li:hover > .dropdown-menu {
display: block;
margin: 0;
}
aber eben immer unterhalb und ich würde es neben dem link 'Anfahrt' brauchen
template-Anpassung hätte ich auch versucht ... leider erfolglos
CSS-Varianten ... leider erfolglos, denn ich vermute, dass hier der core von bootstrap mit reinpfuscht..
jemand eine Idee bzw. eine Lösung, sofern das schon mal umgesetzt wurde
Link zum Projekt gibt's keinen » local
Lesezeichen