Fehler: Bugermenu in der mobilen Navigation rechst einblenden.

mike's Avatar

mike

03 Dec, 2020 01:08 AM

Produkt: Tao Contao
Contao-Version: 4.9.9
Browser und Browserversionen: Firefox 83.0 (64-Bit)

Hallo, in der mobilen Navigation überlagert das Burgermenu leider mein Logo. Deshalb würde ich das Burgermenu gerne in der oberen rechten Ecke platzieren. Vielen Dank schonmal im voraus!

Desweiteren würde ich gerne das Logo in der Desktopnavigation ganz Links platzieren.

  1. Support Staff 1 Posted by RockSolid Theme... on 03 Dec, 2020 08:22 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Deshalb würde ich das Burgermenu gerne in der oberen rechten Ecke platzieren.

    Fügen Sie dafür bitte folgenden CSS-Code in die Datei files/tao/css/custom.css ein:

    .main-navigation-mobile-open {
        left: auto;
        right: 6.66667%;
        right: calc(6.66667% + var(--safe-area-right));
    }
    

    Desweiteren würde ich gerne das Logo in der Desktopnavigation ganz Links platzieren.

    Dafür können Sie folgenden CSS-Code einsetzen:

    .header-navigation-inner {
        max-width: none;
    }
    
  2. 2 Posted by mike on 03 Dec, 2020 06:40 PM

    mike's Avatar

    Danke. hat funktioniert. Hab den CSS-Code noch ergänzt damit das Menu auch nach oben über das Logo rutscht.

     .main-navigation-mobile-open {
        left: auto;
        right: 6.66667%;
        right: calc(6.66667% + var(--safe-area-right));
        top: 23px;
        top: calc(23px + var(--safe-area-top));
    }
    

Reply to this discussion

Internal reply

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

Attaching KB article:

»

Already uploaded files

  • screenshot.jpg 57.1 KB

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