Menü in der mobilen Ansicht einer Webseite

  • HTML

    Menü in der mobilen Ansicht einer Webseite

    Hallo Forum,

    zurück in Deutschland muss ich nun endlich die mobile Ansicht einer Homepage fertigstellen.

    Was noch fehlt ist das Menü.
    Um dies umsetzen zu können hab ich mir eine Anleitung gesucht und das hier gefunden.

    Mir gefällt das unter 4. beschriebene Konzept - Off Canvas - am besten und werde es wohl auch umsetzen.

    Schlecht dabei ist die inkompatibilität mit IOS <6.0 und Android <=4.1.2 - was etwa 15% der Homepagebesucher ausmacht.
    (Anteil natürlich sinkend)

    "https://css-tricks.com/responsive-menu-concepts" schrieb:

    Problem with the Checkbox Hack
    There are two problems with the default Checkbox Hack:

    Doesn’t work on mobile Safari (iOS < 6.0). It’s not possible to click the label on iOS < 6.0 to toggle the input due to a bug. The only solution is to add an empty onclick to the label.
    Doesn’t work on the default Android browser (Android <= 4.1.2). Once upon a time there was a WebKit Adjacent/General Sibling & Pseudo Class Bug which prevented the use of pseudo-classes combined with adjacent (+) or general (~) sibling combinators.


    Was haltet Ihr davon ?
    Gibt es Anleitungen für ähnliche Konzepte die kompatibler sind ?

    Gruss

    mikeb69

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von „mikeb69“ ()