Avis global épinglé

nous avons tenté d’utiliser votre fonctionnalité « global notice ». Cependant, malheureusement, lorsqu’on fait défiler, elle disparaît. Par conséquent, nous aimerions qu’elle soit fixe. Ce qui n’est pas réalisable via du CSS personnalisé car position:sticky ne peut être appliqué qu’à un seul élément et il y a déjà un élément fixe : l’en-tête.

Pourriez-vous rendre configurable l’emplacement de la notice dans le DOM afin que nous puissions la placer dans le conteneur de l’en-tête pour la rendre fixe également ?

1 « J'aime »

Pourquoi ne pas utiliser une bannière ? :

3 « J'aime »

Merci pour la recommandation, mais cela ne résout pas le problème décrit ci-dessus : la notification globale n’est pas fixe et la bannière polyvalente non plus. Comme je l’ai décrit plus en détail, cela ne serait pas possible à réaliser en utilisant uniquement du CSS, car la bannière polyvalente utilise le même emplacement dans le DOM que la notification globale, qui se trouve en dehors du conteneur d’en-tête fixe.

2 « J'aime »

Point bien reçu.

Une autre option est le plugin Layouts, qui ajoute des barres latérales qui peuvent être fixes. Il existe également un widget HTML personnalisé pour cela que vous pouvez utiliser pour ajouter n’importe quel contenu de votre choix.

2 « J'aime »

Si vous appliquez sticky au conteneur parent, cela fonctionnera… cependant, s’il y a d’autres alertes dans ce conteneur, elles colleront aussi (comme l’alerte « Voulez-vous des notifications en direct lorsque des personnes répondent à vos publications ? »).\n\nNous avons une propriété CSS qui décale correctement le haut par rapport à l’en-tête :\n\ncss\n#main-container.container {\n position: sticky;\n top: var(--header-offset);\n z-index: 9;\n}\n

6 « J'aime »