Menu Ansicht bei Desktop und Mobil

Moin,
ich habe ein Problem mit dem Hauptmenu. In der Desktop-Version macht dieses einen Sprung, wenn ich das Fenster kleiner mache (kleiner als ca. 1260px). Dies hat zur Folge, das das Menu abgeschnitten und nicht mehr lesbar ist.
Ich habe im Forum diese beiden Beiträge gefunden, die mir leider nicht weiter geholfen haben.
www.joomlaplates.com/forum/j3-rooms/6119...ht-richtig-angezeigt
www.joomlaplates.com/forum/j3-rooms/5328...-menu-in-mobile-mode

Es handelt sich um folgende Seit: www.chirurgie-luenen.de/

Besten Dank für die Bemühungen

Hallo, bitte fügen sie folgenden CSS code in ihre css/custom.css ein

@media all and (max-width: 1280px) {
#jp-left {
width: 30%;
}
#jp-right {
margin-left: 30%;
width: auto;
}
}

Hallo, vielen Dank für die schnelle Antwort.
Ich habe den Code in custom.css erstellt. Diese Datei habe ich einmal unter den Pfad: templates/jp-rooms/styles/green/css/
und den Pfad: templates/jp-rooms/css/ hochgeladen (wusste nicht genau welcher Pfad richtig ist).
Die Breakpoints sind bei 480px, 768px, 1024px und 1280px eingestellt. Menu/Content Ratio ist bei 40/60 eingestellt.
Leider gibt es immer noch den Bereich, wo das Hauptmenu nach links springt.
Beste Grüße aus den Norden.

Hallo, dann bitte mal folgenden Code mit dem !important probieren

@media all and (max-width: 1280px) {
#jp-left {
width: 30% !important;
}
#jp-right {
margin-left: 30% !important;
width: auto;
}
}