Elementor Pro Navbar Problem Responsiv

Hallo Werte Community,
ich wende mich an euch da ich ein Problem habe mit der Seite an der ich baue.

Ich habe eine Navbar mit Elementor Pro gebaut und möchte diese Responsiv anpassen. Das Problem ist nur dass ich viele Unterseiten habe und die in der Navbar als Submenu (Dropdown) angebe. Auf dem Desktop funktioniert alles Top. Auf dem Handy jedoch kann ich nicht alle Seiten sehen in der Navbar und Scrollen funktioniert ebenfalls nicht.

Ich habe schon ein CSS Code eingepflegt welches mit Overflow das Scrollen Zwar möglich macht, aber einerseits sieht es schrecklich aus und anderseits Funktioniert es auch nur manchmal.

Ich hänge noch 2 Bilder an. Einmal mit dem CSS Aktiviert und einmal deaktiviert

CSS (zz Auskommentiert):
/*<style>
.sub-menu {
overflow:auto ;
max-height:300px;
-webkit-overflow-scrolling: touch;
}
</style>*/



Wisst ihr wie ich das Problem Lösen könnte?

Grüße
Ben