Salut tout le monde
Lorsque j’ajoute une image, une icône ou un emoji à une catégorie, l’en-tête de catégorie category-heading reste collant lors du défilement vers le bas et prend beaucoup de place.
Le composant de thème de l’en-tête de catégorie est également affecté, comme vous pouvez le voir dans mon message ci-dessous pour référence.
Oui, je suis d’accord que c’est un effet secondaire agaçant.
Malheureusement, je n’ai pas de solution. L’en-tête de catégorie se trouve dans le même élément “sticky” que la navigation, et je ne peux pas déplacer la propriété “sticky” d’un niveau inférieur, car “sticky” ne fonctionne pas dans un élément flexbox…
Je vous conseillerais de masquer ou de réduire le logo avec CSS sur mobile.
La navigation fixe me dérange aussi. Elle prend juste trop de place.
Comment puis-je la désactiver ?
Il n’y a pas de paramètre pour cela. Vous devrez outrepasser le CSS.
Le thème Horizon possède une fonctionnalité intéressante, où la description de la catégorie reste visible pendant que la liste des sujets défile :
Bien que ce soit agréable sur ordinateur de bureau, lorsque l’espace devient restreint (par exemple sur mobile), cela rend la liste des sujets assez difficile à lire (surtout si le texte est très long)
C’est un effet secondaire involontaire du fait de vouloir garder la navigation visible en fait. Je ne sais pas si cela peut être corrigé (les deux éléments peuvent être dans le même conteneur ou quelque chose comme ça ? 
) et si je dois choisir, je m’en tiendrai à mon intention initiale.
Si quelqu’un a envie de jeter un œil, il est le bienvenu.
J’ai résolu le problème avec du CSS.
/* Désactiver les contrôles de liste fixes de Horizon sur mobile */
@media (max-width: 767px) {
.list-controls {
position: static !important;
top: auto !important;
transform: none !important;
margin-top: 0 !important;
}
}
Cela ne fait-il pas simplement « déscoller » à la fois la description et la navigation sur mobile ?
Nous voulons vraiment que la description disparaisse, tandis que la navigation reste fixée.
La navigation prenait également trop de place.
Pour l’instant, nous envisageons d’utiliser des onglets défilants.
J’aimerais les rendre fixes, mais je n’y suis pas encore parvenu.
C’est exact, malheureusement, il n’existe pas de moyen simple de réaliser cela avec CSS sans également restructurer la mise en page.
Le thème Horizon rend actuellement tout le conteneur .list-controls fixe, ce qui inclut l’en-tête de la catégorie. Nous ne pouvons pas rendre le conteneur enfant .navigation-container fixe de manière indépendante, car les éléments fixes restent bloqués dans leur contexte de défilement parent.
Nous pourrions restructurer cette zone, mais c’est l’un de ces changements qui impacteraient tous les thèmes utilisant la structure existante… il y a donc de fortes chances de régression pour d’autres thèmes et personnalisations, même s’ils ne disposent pas d’une navigation fixe comme celle-ci.
Alors, quelle est la voie à suivre pour cela ?
Je me demande si nous ne devrions pas simplement masquer la description de la catégorie sur mobile pour Horizon. Cela revient en quelque sorte à dupliquer l’information, et ce dans un espace très restreint.
J’ai réalisé cela avec un simple CSS dans l’onglet Mobile d’un TC :
.category-heading.--has-logo {
display: none;
}
Peut-être que cela devrait être inclus dans Horizon ?
Vous venez simplement de tracer la voie à suivre : utilisez du CSS personnalisé pour l’ajuster selon vos préférences 
Oui, mais dans ce cas, il s’agit d’un problème plus large lié au thème plutôt que d’une simple préférence personnelle. J’ai du mal à imaginer quelqu’un qui apprécierait réellement une description de catégorie large et collante sur les appareils mobiles — je ne pense pas que ce soit jamais été votre intention avec la conception.
C’est vraiment imprévisible ce que les gens veulent dans leur communauté. Je choisis de le laisser tel quel ; il est facilement masquable si les utilisateurs le souhaitent, et cette approche est moins déroutante que de se demander « pourquoi ma bannière de catégorie n’apparaît-elle pas sur mobile ».
Que dire des plans d’hébergement (par exemple, le plan gratuit) où les administrateurs ne peuvent pas ajouter de CSS personnalisé ?
Si certaines personnes le souhaitent vraiment (ce dont je doute), ne pourrait-il pas exister un paramètre de thème pour le gérer ?