Hallo alle zusammen,
ich habe von einer Bekannten mitgeteilt bekommen, dass das Navigationsmenü auf ihrem Gerät nicht funktioniert. Sie hat meine Webseite auf ihrem Handy getestet und der dort rechts oben in der Menüleiste erscheinde Button mit den 3 Balken reagiert beim Anklicken nicht. Sie benutzt folgendes Gerät:
modell: iPhone 8
version: iOS 15.6.1
browser: safari

Bei mir auf dem Handy, ich benutze Huawei P20
Und Google Chrome und auf dem Computer funktioniert alles wunderbar.
Kann mir vielleicht jemand helfen und mir mitteilen woran das liegen könnte.
Hier die Webadresse meiner Seite:
Leonard Schmidt |
Fűr das CSS:
www.leonardschmidt.net/nav.css

Vielen lieben Dank
Crane

es gibt bestimmt einen weg wie du deine Seite anpassen kannst damit sie auch auf safari funktioniert. Da ich aber kein apple Gerät besitze kann ich hier nicht weiterhelfen.

Deshalb mein Vorschlag:
Verwende nicht diesen "checkbox-hack" + label für das Menü sondern einen richtigen <button> in Kombination mit Javascript. Ist auch besser für die accessibility der Website.


Zweiter Hinweis: Es gibt auch elemente wie <nav>, <header>, <footer> ... damit man nicht mehr Sachen wie <div id="footer">, <div id="nav"> ... etc. verwendet.

Wenn ich recht entsinne mag der Safari es nicht, wenn das Input-Feld mit "display: none;" unsichtbar gestellt wird.

Habe gerade auch keinen Safari zum Testen griffbereit, aber versuch es mal so: