Horizon-Theme-Fehler: Kategorie-Überschriften-Container bleibt in Themenlisten haften

Hallo Leute

Wenn ich ein Bild, ein Symbol oder ein Emoji zu einer Kategorie hinzufüge, bleibt die Kategorie category-heading beim Scrollen nach unten haften und nimmt viel Platz ein.

CleanShot 2025-10-31 at 14.03.16

Auch die Kategorie-Header-Theme-Komponente ist betroffen, wie Sie in meinem Beitrag unten als Referenz sehen können.

3 „Gefällt mir“

Ja, ich stimme zu, dass das eine ärgerliche Nebenwirkung ist.

Leider habe ich keine Lösung dafür. Die Kategorieüberschrift befindet sich im selben Sticky-Element wie die Navigation, und ich kann die Sticky-Eigenschaft nicht eine Ebene tiefer verschieben, da Sticky nicht innerhalb eines geflexten Elements funktioniert…

Ich würde Ihnen raten, das Logo auf Mobilgeräten per CSS auszublenden oder zu minimieren.

1 „Gefällt mir“

Mich stört auch die Sticky navigation. Nimmt einfach zu viel Raum ein.

Wie kann ich das ausschalten?

Dafür gibt es keine Einstellung. Sie müssen die CSS-Regeln überschreiben.

Das Horizon Theme verfügt über eine nette Funktion, bei der die Kategoriebeschreibung beim Scrollen der Themenliste sichtbar bleibt:

Während dies auf dem Desktop schön ist, macht es die Themenliste auf engem Raum (z. B. auf Mobilgeräten) recht schwer lesbar (besonders wenn der Text sehr umfangreich ist)

2 „Gefällt mir“

Dies ist ein unbeabsichtigter Nebeneffekt des Wunsches, die Navigation tatsächlich sichtbar zu halten. Ich bin mir nicht sicher, ob das behoben werden kann (beide Elemente befinden sich möglicherweise im selben Container oder so? :thinking: ), und wenn ich wählen muss, halte ich an meiner ursprünglichen Absicht fest.

Wenn sich jemand die Mühe machen möchte, einen Blick darauf zu werfen, ist er herzlich willkommen.

1 „Gefällt mir“

Ich habe es mit css gelöst.

/* Disable Horizon sticky list-controls on mobile */
@media (max-width: 767px) {
  .list-controls {
    position: static !important;
    top: auto !important;
    transform: none !important;
    margin-top: 0 !important;
  }
}

3 „Gefällt mir“

Löst das nicht einfach beide, Beschreibung und Navigation, auf dem Mobilgerät?

Wir möchten wirklich, dass die Beschreibung verschwindet, während die Navigation fixiert bleibt.

2 „Gefällt mir“

Die Navigation hatte uns auch zu viel Raum eingenommen.

Im Moment überlegen wir mit scrollbaren Pills zu arbeiten.

Die hätte ich gerne sticky, habe es aber noch nicht hinbekommen.

1 „Gefällt mir“

Richtig, leider gibt es keine einfache Möglichkeit, dies mit CSS zu erreichen, ohne gleichzeitig das Layout umzustrukturieren.

Das Horizon-Theme macht derzeit den gesamten Container .list-controls fixiert, was auch den Kategorien-Header einschließt. Wir können den untergeordneten Container .navigation-container nicht separat fixieren, da fixierte Elemente innerhalb ihres übergeordneten Scrollkontexts „kleben".

Wir könnten diesen Bereich umstrukturieren, aber es ist eine dieser Änderungen, die alle Themes betreffen würden, die das bestehende Layout nutzen … daher besteht eine hohe Wahrscheinlichkeit für Regressionen bei anderen Themes und Anpassungen, selbst wenn diese keine solche fixierte Navigation haben.

1 „Gefällt mir“

Was ist also der weitere Weg dafür?

Ich frage mich, ob wir die Kategorienbeschreibung auf mobilen Geräten für Horizon einfach ausblenden sollten. Schließlich verdoppelt sie die Informationen in einem sehr engen Bereich.

Ich habe dies mit etwas einfachem CSS im Reiter „Mobil

Du hast den Weg bereits vorgegeben: Nutze benutzerdefiniertes CSS, um es an deine Vorlieben anzupassen :+1:

1 „Gefällt mir“

Ja, aber in diesem Fall ist es ein größeres Problem mit dem Theme und nicht nur meine persönliche Präferenz. Ich kann mir kaum vorstellen, dass jemand eine große, feststehende Kategoriebeschreibung auf mobilen Geräten mag – das war sicher nie Ihre Absicht beim Design.

1 „Gefällt mir“

Es ist wirklich unvorhersehbar, was die Leute in ihrer Community wollen. Ich entscheide mich dafür, es so zu lassen – es ist leicht zu verstecken, wenn die Nutzer das möchten, und dieser Weg ist weniger verwirrend als die Frage: „Warum wird mein Kategorienbanner auf dem Handy nicht angezeigt?".

Was ist mit Hosting-Plänen (z. B. dem kostenlosen Plan), bei denen Administratoren kein benutzerdefiniertes CSS hinzufügen können?

Wenn es wirklich Leute gibt, die das möchten (was ich bezweifle), könnte es dann vielleicht eine Theme-Einstellung geben, die dies regelt?

1 „Gefällt mir“