Home → Contao →

Fehler: Menü-Darstellung bei vielen Unter-Punkten wird bei Desktop-Webseite abgeschnitten

• Edit

Thomas Soeffing

16 Apr, 2025 10:33 AM

Produkt: Oneo Contao
Contao-Version: 5.3.15
Browser und Browserversionen: Google Chrome u.ä.

Wir haben bei unserem Campus (leider ein geschützter Bereich, daher nicht offen einsehbar - sollte aber ja ein generelles Problem sein) viele Unterpunkte. Das funktioniert in der Mobil-Darstellung durch das Ausklappen der Unterpunkte hervorragend, auf der Desktop-Webseite wird das Menü aber am unteren Bildschirmrand abgeschnitten!

Gibt es dafür eine Lösung, zum Beispiel die Unter-Menüs ebenfalls einzuklappen, oder das Menü umzubrechen oder ähnliches?

Liebe Grüße
Thomas Soeffing
Team Naturalkids®

1. Support Staff 1 Posted by RockSolid Theme... on 17 Apr, 2025 12:15 PM

   

   Vielen Dank für Ihre Frage.

   Sie können in den Einstellungen des Navigationsmoduls ein kleineres „Stoplevel“ von z. B. 2 konfigurieren um die Unterpunkte auszublenden.

   Alternativ können Sie ein mehrstufiges Dropdown verwenden, dieses kann jedoch die Usability der Navigation potenziell verschlechtern. Für ein mehrstufiges Dropdown können Sie folgenden CSS-Code in die Datei files/oneo/css/custom.css einfügen:

   .main-navigation > ul > li > ul:hover {
       overflow: visible;
   }
   .main-navigation > ul > li > ul li {
       position: relative;
   }
   .main-navigation > ul > li > ul ul {
       display: none;
       position: absolute;
       left: 100%;
       top: -1px;
       padding: 0;
       border: 1px solid #dcdcdc;
       background: #fff;
       box-shadow: 0 0 5px rgba(0,0,0,.1);
   }
   .main-navigation > ul > li > ul li:hover > ul {
       display: block;
   }
   

   • Edit