Magento 2 Luma iPhone responsive Menü

Question

Das Luma Thema von Magento 2 hat einen Bug. Wenn iam auf einem iPhone und öffnen Sie das Menü öffnet sich das Menü zu weit.

Es streckte sich über die rechte Seite des Bildschirms.

Wenn ich dies auf Android tun, funktioniert das Menü perfekt.

Ich schaute auf den CSS-Code und ich fand, dass die Menübreite mit Calc() berechnet wurde;

Es subtrahierte 54px von 100%. Ich dachte, iOs konnte nicht mit calc umgehen, aber das war nicht das Problem.

Dann habe ich versucht, mit der Breite der Elternelemente zu fiedeln, um das Berechnungsproblem zu finden. Das Problem war, dass nichts davon das Problem behob. Und noch seltsamer war die Tatsache, dass auf Android es richtig funktioniert.

Hat jemand dieses Problem auch mit dem Luma-Thema? Und möglicherweise eine Lösung gefunden.

Vielen Dank im Voraus für Sie helfen.

Answer 1

Auf unserer Website https://dampershop.nl haben wir dieses Problem gelöst, indem wir etwas CSS geändert haben.

Wir hinzugefügt:

html.nav-before-open, .nav-before-open body { 
    overflow: hidden; 
    position: relative; 
    height: 100%; 
} 

Das macht es so, dass iphone/ios Geräte richtig ansprechbar Menü öffnet.

Ich hoffe, das hilft!