Offcanvas Navigation auf Smartphone

Hallo und guten Morgen an alle,

gerade ist unser Onlineshop live gegangen und schon ist uns ein Fehler aufgefallen…
Auf dem Handy überlappen die Buttons für die Suche, Warenkorb usw. den Button um die Naviagtion aufzuklappen. Hat jemand auch dieses Problem und vielleicht schon eine Lösung gefunden? 

Hoffe sehr auf Hilfe :slight_smile:

Das Ganze sieht so aus:

Hallo,

ohne eine URL oder eine Glaskugel kann da niemand helfen. Das Problem wird aber wahrscheinlich durch ein schlecht umgesetztes, eigenes Theme verursacht worden sein, wo CSS wahrscheinlich statt auf die Desktopansicht und ähnliches auf alle Ansichten angewendet wurde.

Grüße

Sebastian

Es gibt ein eigenes Theme ja, aber an der Navigation wurde nichts verändert.
Url: https://www.defiworld.de

Hallo,

folgendes CSS, das nicht von Shopware kommt, sondern im eigenen Theme (oder einem Plugin) abgelegt wurde, verursacht das Problem:

.header-main .shop--navigation {
    width: 60%;
}

Es ist also exakt das, was ich oben gesagt habe: eine schlechte Umsetzung des Themes, da eine Anpassung, die wahrscheinlich nur für den Desktopbereich gedacht war, einfach (wahrscheinlich aus Unwissen) auf alle Viewports (somit auch auf die Smartphone - Viewports etc.) durch fehlende Viewport-Beschränkung angewendet wurde (hätte man diese Anpassung, genauso wie Shopware selbst, um den Logobereich zu vergrößern, entsprechend auf die entsprechenden Viewports eingeschränkt, wäre es auch gar nicht zu diesem Problem gekommen). #dennsiewissennichtwassietun .

Grüße

Sebastian