Support » Themes » Twenty eleven Hauptmenu funktioniert nicht auf dem Handy

  • Gelöst j.maedlow

    (@jmaedlow)


    Ich habe folgende Website gemacht und dafür ein Child Theme von Twenty Eleven erzeugt:

    jonesroweopera.org

    Das Theme scheint responsive zu sein. Wenn der Bildschirm schmal wird, schieben sich die Tabs des horizontalen Hauptmenus über einander. Auf dem Computerbildschirm funktioniert das gut. Aber auf meinem iPhone 4 reagieren die beiden letzten Tabs, die ein Dropdownmenu haben, nicht auf das Antippen.

    Bitte helft mir!

    Joachim

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)
  • Die Ober-Menüpunkte haben kein Linkziel und das Dropdown klappt nicht auf. Daher der Effekt auf dem iPhone.

    Du könntest mal testen, ob es klappt, wenn die Obermenüpunkte ein Linkziel haben. Andernfalls müsstest du mit einem Plugin (z.B. https://wordpress.org/plugins/responsive-menu/ o.ä.) nachhelfen.

    Gruß, Torsten

    Thread-Starter j.maedlow

    (@jmaedlow)

    Vielen Dank!

    Ich habe die Ober-Menüpunkte mit dem jeweils ersten Unter-Menüpunkt verlinkt, und jetzt funktioniert es.

    Ich habe auch das Plugin „responsive menu“ probiert. Dabei wird ein Menu-Icon (mit den drei waagerechten Linien) hinzugefügt, das bei Bedarf ausklappt. Eigentlich eine elegante Lösung für das Smartphone. Allerdings bleibt das Hauptmenu trotzdem stehen. Gibt es eine Möglichkeit, dass ab einer bestimmten Bildschirmbreite das Hauptmenü ganz verschwindet und nur noch die drei Balken da sind? – Ich weiß, dass das bei moderneren Themes standartmäßig so ist. Ich habe aber das Theme Twenty eleven verwendet. Kann man das modifizieren?

    Edi

    (@psychosopher)

    Beim Plugin Responsive Menü findest Du unter dem Reiter „Menu Advanced Settings“ im Feld „Menu Breakpoint“ den Wert für die Breite des Bldschirms, ab dem das responsive Menü verwendet wird (vorgegeben sind 800 Pixel, dieser Wert lässt sich aber anpassen).

    Die Navigation des Themes kannst Du ab der definierten Breite mit CSS ausblenden:

    @media screen and (max-width: 600px) {
    
        #access {
            display: none;
        }
    
    }

    Das machst Du am besten mit einem Plugin wie Simple Custom CSS:

    https://wordpress.org/plugins/simple-custom-css/

    Sonst geht der Code bei einer Aktualisierung des Themes verloren.

    Thread-Starter j.maedlow

    (@jmaedlow)

    Danke! Das Ausblenden mit Eintrag im CSS hat zwar, aus welchen Gründen auch immer, nicht geklappt – aber dafür habe ich bei „Advanced Settings“ im Plugin Responsive Menu die Möglichkeit gefunden, einzutragen, welche div ausgeblendet werden soll, in diesem Fall also #access.

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)
  • Das Thema „Twenty eleven Hauptmenu funktioniert nicht auf dem Handy“ ist für neue Antworten geschlossen.