Responsive - Menü/Headerbar JP Agency, Joomla 3x

Hallo zusammen,
ich habe ein kleines Problem im Bereich Logo, Menü und Headerbar - "nur" bei kleineren Tablets (e.g. iPad 9.7 2018). Das Logo habe ich für diese Geräte der Position toolbar-l zugewiesen, soweit in Ordnung. Jetzt kommen sich nur noch das Menü und der Slider (auf Position Headerbar) in die Quere, aber auch nur in der Ansicht Portrait. Der Slider ist extrems verkleinert und ist nur noch am äußersten rechten Rand zu sehen (sh. Screenshot), dem Menü fehlt der letzte Menüpunkt "Karriere".


Hat jemand eine Idee? Den Slider würde ich für Mobiles nur ungerne ganz ausblenden ...
ksr.andweb.de

Danke und Grüße
Uli

[secret]Für JP: Ich kann Dir gerne Zugang zum Backend geben.[/secret]

Testen sie ihre Seite mit einem relevanten Tool und den rel. Größen
Ich kann hier keinen Fehler feststellen siehe Video.

Hallo,
mit diesem "Plugin" von FF habe ich es auch getestet - ich komme am iMac wie Sie zum gleichen Ergebnis: alles in Ordnung.
Mit dem Original-Device bekomme ich aber das Ergebnis vom Screenshot des ersten Posts. Der Fehler kann aktuell beim iPad 9.4 " aus 2018 und beim Galaxy S9 festgestellt werden.

Wenn ich jetzt aber beim MacBook Pro 13" die Seite aufrufe, zeigt mir das FF-Tool den Fehler wie folgt an:

Konnten Sie den Fehler nachstellen/nachvollziehen?
Grüße
Uli

Ja der Fehler liegt an ihrem Logo.
Ändern sie mal die Höhe ihres Logos, oder benutzen sie folgenden "img" code

<img src="/images/ksr/ksr-logo.png" alt="ksr logo" style="height: 80px;">

Danke, das war der Hinweis in die richtige Richtung.
Das Problem besteht nun nur noch bei kleineren Tablets - da das Menü bei der Schriftgröße von 20px (custom.css) zu breit ist und der Slider jetzt direkt darunter klebt. Die Menü-Schriftgröße von 15px (des Templates) ist uns leider zu klein.
Am Besten wäre es wohl, das offcanvas-Menü bereits bei Tablets (Portrait) anstelle des Menüs zu verwenden. Hätten Sie mir hierzu einen Tipp oder haben Sie noch eine andere Idee?
Danke und Grüße
Uli