Verwendung: .header-navigation.is-fixed auch bei Smartphone

Christian's Avatar

Christian

23 May, 2016 02:05 PM

Produkt: Oneo Contao
Contao-Version: 3.5.6
Browser und Browserversionen: FF 46.0.1

Hallo,
ich hätte gerne die Header-Navigation auch in der Mobilen Ansicht mit der Klasse .is-fixed, damit es oben stehen bleibt.
Ich nutze allerdings auch den Main-Slider über dem Header – deshalb kann ich es nicht einfach per CSS fixieren.

Wie kann ich das script.js anpassen, damit mein Mobiles Menü auch die Klasse .is-fixed erhält, wenn z.b. der Main-Slider durchgescrollt ist?

  1. Support Staff 1 Posted by RockSolid Theme... on 24 May, 2016 07:36 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Ersetzen Sie dafür bitte in der Datei files/oneo/js/script.js diesen Code-Block:

    var mediaQueryMatches = function() {
        if (mediaQuery) {
            return mediaQuery.matches;
        }
        return window.Modernizr && Modernizr.mq && Modernizr.mq("(max-width: 900px)");
    };
    

    mit folgendem:

    var mediaQueryMatches = function() {
        return false;
    };
    

    Beachten Sie bitte, dass durch diese Anpassung eventuell weitere Änderungen nötig werden.

  2. 2 Posted by Angela Morisse on 15 Oct, 2016 11:16 AM

    Angela Morisse's Avatar

    Ich habe den Code-Block vergeblich in der script.js gesucht. Möchte genau diese Änderung auch einsetzen.
    Contao-Version: 3.5.15, Tao: 1.4.4. Was muss ich tun?

  3. Support Staff 3 Posted by RockSolid Theme... on 17 Oct, 2016 09:14 AM

    RockSolid Themes's Avatar

    Im Theme Tao suchen Sie bitte nach folgender Zeile:

    if (getZoomLevel() > 1.01 || (window.matchMedia && window.matchMedia("(max-width: 900px)").matches)) {
    

    und ersetzen Sie hiermit:

    if (getZoomLevel() > 1.01) {
    

    Beachten Sie dabei bitte, dass die Tao-Navigation nicht darauf ausgelegt ist auf kleinen Bildschirmen fixiert zu werden. Sollten Sie Unterstützung bei der Anpassung benötigen, stehen Ihnen unsere Partner gerne zur Verfügung. Eine Auswahl an Agenturen und Freelancer finden Sie in unserem Partnernetzwerk: https://rocksolidthemes.com/de/contao/service/agenturen

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