Header-Änderungen auf Mobilgeräten deaktivieren

Auf Mobilgeräten, wenn ich mich oben im Thema befinde, enthält die Navigationsleiste/Kopfzeile das Menüsymbol und andere Elemente, einschließlich des Kategorien-Sliders/Karussells.

Wenn ich über einen bestimmten „Schwellenwert“ hinaus scrolle, ändert er sich und enthält den Thema-Namen, aber das stört meine Formatierung. Kann ich dieses Verhalten deaktivieren? Ich möchte immer die gleiche Kopfzeile haben.

Normale / Gute Kopfzeile:

Scrollen / Schlechte Kopfzeile:

Was seltsam ist, ist, dass ich bei der Verwendung von Chrome > Inspect ein anderes und angenehmes Verhalten erhalte:

Vor dem Scrollen:

Nach dem Scrollen:

Ich glaube, diese Komponente könnte Ihnen helfen

Der Burger-Menü-Button ist in Ihren beiden Screenshots nicht an derselben Stelle, was mich vermuten lässt, dass Sie im zweiten Fall nicht den mobilen Modus verwendet haben.

Sie können die mobile Ansicht erhalten, indem Sie ?mobile_view=1 zur URL hinzufügen. Sie könnten also auch das Styling verbessern und weiterhin die Funktion des Anzeigens des Titels nutzen.

1 „Gefällt mir“

Das ist genau das, was ich wollte. Danke!

Ich bin gerade in das Inspektionsfenster in Chrome gegangen und habe auf die Schaltfläche geklickt, um die mobile Ansicht zu aktivieren. Warum sich das Menü nach links verschoben hat, weiß ich nicht…
Manchmal ist diese Ansicht nicht sehr genau, das habe ich bemerkt.
Danke für den Tipp mit ?mobile_view=1. Das wusste ich nicht.
Ich möchte nur für diejenigen, die damit nicht vertraut sind (und es hat eine Weile gedauert, bis ich wieder zum Normalzustand zurückgekehrt bin), hinzufügen, dass man zum Zurückkehren einfach ?mobile_view=0 hinzufügen kann, wie https://example.com?mobile_view=0

Mit der Option ?mobile_view=1 habe ich bemerkt, dass sie verrückt spielt, wenn sie den Punkt erreicht, an dem sie zum Titel des Themas wechselt, aber auf dem Handy tat sie das nicht. Es gibt vielleicht etwas Seltsames, wenn man einen Desktop-Browser verwendet.

Wie Sie aus meinen Screenshots sehen können, ist neben dem durcheinandergeratenen Header der Schieberegler mit den Kategorien komplett entfernt.

1 - Glauben Sie, dass das passiert, weil die Höhe des Headers nicht richtig angepasst wird?
2 - Wie kann ich CSS erstellen, das nur angewendet wird, wenn diese Änderung eintritt?

@Moin Beim Überprüfen der mobilen Version mit dem von Ihnen geteilten URL-Trick (ohne die installierte Komponente) sehe ich Folgendes, wenn ich mich am Anfang des Themas befinde:

Und wenn ich scrolle, sehe ich Folgendes:

Es entfernt also vollständig das Div mit class=\"wrap custom-categories-navbar\". Es scheint, dass hier mehr dahinter steckt, was einen anderen Ansatz erfordert, um zu verhindern, dass der Kategorien-Slider verschwindet.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.