Verwendung: Subnavigation horizontal anstatt vertikal

Michi's Avatar

Michi

14 Jan, 2024 11:18 PM

Produkt: Tao Contao
Contao-Version: 4.13.29
Browser und Browserversionen: Firefox, Chrome

Hallo
Ich wollte gerne unter der Tagline, im Hauptfenster das Submenu anzeigen, aber anstelle vertikal in einer separaten Spalte lieber gerne horizontal, so dass man immer noch die Full-Page nutzen kann.
Wie genau muss ich die Subnavigation anpassen, damit diese sich horizontal anzeigt ?
Vielen Dank und Grüsse
Michi

  1. 1 Posted by Michi on 14 Jan, 2024 11:23 PM

    Michi's Avatar

    Noch eine kleine Ergänzung dazu.... Wenn man dann die Seite raufscrollt, dann sollte die Subnavigation ebenfalls oben nach der Hauptnavigation stehen bleiben, sobald das Bild ausgeblendet ist. Geht das ?

  2. Support Staff 2 Posted by RockSolid Theme... on 16 Jan, 2024 06:40 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Nachricht.

    Ihre Frage betrifft eine individuelle Anpassung. In unseren Support-Richtlinien weisen wir darauf hin, dass wir leider keine Hilfe bei Umbauten leisten können. Dennoch versuchen wir Ihnen, in diesem Fall, im Rahmen unserer Möglichkeiten weiterzuhelfen:

    Der CSS-Code dafür kann z. B. folgendermaßen aussehen. Fügen Sie diesen Code bitte in die Datei files/tao/css/custom.css ein:

    .tao-fullwidth .sub-navigation {
        position: sticky;
        top: 52px;
        z-index: 1;
        background: #fff;
        border-bottom: 1px solid #e5e8ee;
    }
    .tao-fullwidth .sub-navigation h3 {
        display: none;
    }
    .tao-fullwidth .sub-navigation li {
        border-top: 0;
    }
    .tao-fullwidth .sub-navigation > ul {
        display: flex;
        list-style: none;
        justify-content: center;
    }
    

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