Verbesserungsvorschlag: Fixed Header in den Mobilen ViewPoints Tao/Oneo

Udo's Avatar

Udo

20 Mar, 2021 09:20 AM

Produkt: Tao Contao

Besser wäre es den Webdesignern zu überlassen, ob sie einen fixed Header benötigen oder nicht.
Er sollte immer fixed sein und bei Bedarf kann das abgeschaltet werden. So kenne ich das von anderen Themes.

  1. Support Staff 1 Posted by RockSolid Theme... on 22 Mar, 2021 03:09 PM

    RockSolid Themes's Avatar

    Vielen Dank für Ihr Feedback.

    Wie sich die Navigation im mobilen Viewport oben fixieren lässt ist in folgendem Beitrag beschrieben: https://help.rocksolidthemes.com/discussions/contao/15960

  2. 2 Posted by Udo on 23 Mar, 2021 09:15 AM

    Udo's Avatar

    Die beschriebene Änderung auf der angegebenen Seite am TAO! Script funktioniert nicht (auch nicht an einer Neuinstallation. Die Nav wird weiterhin im Mobilbereich nach oben weggescrollt. Also: was kann ich tun?

  3. 3 Posted by UdoKrause on 23 Mar, 2021 09:18 AM

    UdoKrause's Avatar

    …die von Ihnen beschriebene Änderung zur mobilen Nav-Fixierung funktioniert beim TAO Theme nicht.
    Also, was kann ich tun? Anderer, besserer Vorschlag?

  4. Support Staff 4 Posted by RockSolid Theme... on 23 Mar, 2021 11:03 AM

    RockSolid Themes's Avatar

    Zusätzlich können Sie noch folgenden CSS-Code in die Datei files/tao/css/custom.css einfügen um die Darstellung zu verbessern:

    @media (max-width: 900px) {
        .header-navigation-inner {
            min-height: 9.7em;
        }
    }
    @media (max-width: 599px) {
        .header-navigation-inner {
            min-height: 5.8em;
        }
        .main-navigation-mobile-open {
            position: fixed;
        }
    }
    

    Beachten Sie jedoch bitte, dass die Tao-Navigation nicht darauf ausgelegt ist auf kleinen Bildschirmen fixiert zu werden und abhängig von Anwendungsfall weitere Anpassungen nötig sein können.

  5. 5 Posted by UdoKrause on 23 Mar, 2021 01:42 PM

    UdoKrause's Avatar

    …vielen Dank!

    So funktioniert es.

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