Responsitives Menü erstellen

  • Hallo,

    ich bin auf der Suche nach einem Menü, dass sowohl mit :hover (bei Maus), als auch per Touch funktioniert.

    Der HTML-Aufbau ist klassisch per Listen:

    Code
    <ul>
        <li><a href="#">Menütext1</a>
            <ul>
                <li><a href="#">Unterpunkt</a><li>
                ...
            </ul>
        </li>
        <li><a href="#">Menütext2</a></li>
        ...
    </ul>

    Ein sehr guter Ansatz ist dieses hier: https://codepen.io/emredenx/pen/ojcxl.

    Die Desktop-Variante funktioniert und auch die Handy-Variante (via Hamburger-Menü). Habe aber gerade erst entdeckt, dass es nicht auf dem iPad und Surface funktioniert, da dort - ohne Hamburger Menü - das Menü "Menütext 1" nicht aufklappt, sondern der Link des Menübefehls geöffnet wird.

    Das scheint ein weit verbreitetes Problem zu sein, habe schon mehrere getestet und es hat nicht funktioniert.

    Kennt jemand ein pfiffiges Menü (mit jquery), dass das kann?

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!