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

Thomas Soeffing's Avatar

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

    RockSolid Themes's Avatar

    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;
    }
    

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac