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.
Auch die Kategorie-Header-Theme-Komponente ist betroffen, wie Sie in meinem Beitrag unten als Referenz sehen können.
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.
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)
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? ), 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.
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.
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
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.
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?".