Burger-Menu in Landscape Mode auf dem iPad

Servus zusammen,

ich habe schon alles Erdenkliche versucht, aber finde einfach keine Lösung für mein Problem. Daher versuche ich nun hier mein Glück.

Problem:
Im Landscape Mode (Querformat) auf dem iPad wird standardmäßig das normale (primäre) Menü angezeigt. Da die Anzeige durch die vielen Menüpunkte in dieser Ansicht jedoch zweizeilig erscheint, wollte ich per CSS im Customizer festlegen, dass das mobile Menü (das mit den 3 Punkten, bzw. in meinem Fall das Burger-Menu) im Landscape Mode immer angezeigt wird, unabhängig von der Bildschirmgröße und der Bildschirmauflösung. Da ich mittlerweile unzählige Versuche und Kombinationen an CSS-Code vergeblich ausprobiert habe, weiß ich einfach keinen Rat mehr. Ich schaffe es im Landscape Mode das primäre Menü (.primary-menu) auszublenden, allerdings nicht anstelle dessen das mobile Menü, bzw. die andere Ansicht des Menüs (.menu-modal), so wie es im normalen Modus (Hochformat) angezeigt wird, anzuzeigen. Im Hochformat wird es immer angezeigt. Was ist zu tun?

Zur Info: Ich habe es mit verschiedenen Browsern auf dem iPad getestet (Safari, Chrome, Brave); ein anderes Tablet steht mir leider nicht zur Verfügung.

Ich würde mich wirklich sehr freuen, wenn mir hier jemand helfen könnte.

Vielen Dank vorab.

LG Jan

PS: Im offiziellen WordPress.org-Forum (im Bereich Twenty Twenty) habe ich diesen Beitrag von ein paar Tagen auch schon erstellt, da es mir hier zunächst am sinnvollsten erschien, da ich dieses Theme ja nutze, bislang jedoch leider keinerlei Reaktion.

 

Sorry, völlig vergessen. Danke für den Hinweis.

Hier die Seite: https://www.tsg-himbach.de

Allerdings muss ich dazu sagen, dass ich den Landscape Mode - eben aus genannten Gründen - per Plugin deaktiviert habe und diesen auch nur ungern wieder aktivieren würde, solange ich hierfür keine Lösung gefunden habe.