Contao-Camp 2024
Ergebnis 1 bis 5 von 5

Thema: Mobile Menu lässt sich nicht ausfahren

  1. #1
    Contao-Nutzer
    Registriert seit
    24.03.2020.
    Beiträge
    4

    Standard Mobile Menu lässt sich nicht ausfahren

    Hallo zusammen,

    auf http://schwieger2018.igaoptic.de/ habe ich leider das Problem, dass sich das Menü mobil nicht ausklappen lässt. Jquery ist per CDN eingebunden. Hat jemand evtl. eine Idee wo der Störenfried sitzt und wie man es beheben kann?

    Vielen lieben Dank im Voraus

  2. #2
    Alter Contao-Hase
    Registriert seit
    02.10.2010.
    Ort
    58636 Iserlohn
    Beiträge
    1.084

    Standard

    Bei mir klappt der Text "und andere Sachen" aus.
    Da fehlen nur die Menüpunkte.
    Meine Extensions: contentmodify, dca_editor

  3. #3
    Contao-Nutzer
    Registriert seit
    24.03.2020.
    Beiträge
    4

    Standard

    Kann ich so leider nicht bestätigen. Weder über Chrome am Rechner als mobil-Ansicht noch direkt auf dem Handy. Bei mir klappt leider nichts aus.

  4. #4
    Contao-Fan
    Registriert seit
    10.08.2011.
    Ort
    Berlin
    Beiträge
    828

    Standard

    Irgendwie verdeckt Dein Header oder ein Teil davon die mobile Navigation.
    Ich sehe die nur zwischen 768 und 992px
    Irgendwo hat Du da was im CSS eingetragen was stört , schau mal u.a. die Klasse .header.original an
    Ich kann jetzt nicht auf die Schnelle sehen was da genau los ist aber die steht auf visibility: hidden; bis 767px

    Aber Ausklappen geht wenn man denn mal drauf klicken kann

  5. #5
    Contao-Fan
    Registriert seit
    03.01.2012.
    Beiträge
    799

    Standard

    Ich kenne mich mit dem Mega-Menu nicht wirklich aus. Was mir auffällt:

    - bei unter ca. 990px wird die Hauptnavigation ausgeblendet und der Button für das Mobile Menu eingeblendet.
    - bei unter ca. 768px wird dieser Button wieder ausgeblendet und der Header besteht nur noch aus dem Logo. Das trifft wohl in deiner Chrome-Ansicht zu.
    - wenn man den Button anklickt (also Browserbreite zwischen 770 und 990px), wird ein leeres schwarzes Menü geöffnet, das einzige was dort sichtbar ist ist der Text"
    und andere Sachen".
    - das Menü darin (.mainmenu) wird mittels Media Query an dieser Stelle ausgeblendet:

    Code:
    @media only screen and (min-width: 768px) and (max-width: 970px) {
    	
    	.smartmenu {
    		display: block;
    	}
    		
    	.mainmenu {
    		display: none;
    	}
    }
    Hier kann es mit display: block wieder sichtbar gemacht werden, ist dann allerdings ziemlich ungestyled.

    Man könnte das ganze sicher reparieren, indem man die genannten Stellen anpasst. Ich verstehe aber nicht, warum das Menü bei unter 768px ausgeblendet wird, vielleicht ist einfach irgendwas beim Modul falsch eingestellt wurden.

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •