Sandwich - Menue DEMO ohne irgentw. Scripte

[einsiedler]

Hallo liebe Forumer,

ich habe mal ausprobiert wie ein Sandwich - Menue (ohne jegl. Scripte) funtioniert

(um dies ggf. auf meine Websites anzuwenden)

Dies funktioniert auch schon ganz gut (wohl auch bei allen mobilen??) (siehe) :

Demo Version Sandwich Menue (ohne jegl. Scripte)

Jedoch habe ich noch folgendes Problem: Oben im Navigations - Menue ist das Scroll - Element

zu sehen.

Klar an der richtigen Stelle (hier):

.main-menu {
  position: absolute;
  left: -99vw;
  top: 0;
  height: 100%;
	overflow-y: scroll;
	overflow-x: visible;
	transition: left 0.2s ease,
				      box-shadow 0.2s ease;
	z-index: 999;
}

muss man overflow-y: scroll; durch hidden; ersetzen.

Gut, das geht....

AAAAAAAAABER...

Im Fall wenn der Inhalt des Bildschirmfensters extrem vergrössert wird (siehe hier:)

SCREEN vom Sandwich-Demo Problem

Nämlich dann, wenn overflow-y: scroll; durch hidden; ersetze dann scrollt das Menü

nicht mehr (also bei einer extremen Vergrößerung wie auf dem screen!)

Meine Frage: Wie muss ich jetzt vorgehen das eventuell beides gegeben ist?

Hilft mir eventuell ein ::before // ::after in dem Fall weiter?

Ich habe schon mehreres ausprobiert, u.a. im Fall von: @media (min-width: 768px) {

und hab dort ein overflow-y: scroll; eingefügt.

Half aber NICHTS!

Was muss ich tun???

Grüße der einsiedelde