Abbiamo provato a utilizzare la tua funzionalità “global notice”. Tuttavia, sfortunatamente, quando scorri, scompare. Pertanto, vorremmo che fosse fisso. Questo, a sua volta, non è realizzabile tramite CSS personalizzato poiché position:sticky può essere applicato a un solo elemento e c’è già un elemento fisso: l’header.
Potresti renderlo configurabile dove la notifica viene inserita nel DOM in modo che possiamo inserirla nel contenitore dell’header per renderla fissa anche?
Perché non usare un banner?:
Grazie per la raccomandazione, ma questo non risolve il problema descritto sopra: il global notice non è sticky e quindi non lo è nemmeno il versatile banner. Come ho descritto ulteriormente, questo non sarebbe possibile da ottenere utilizzando solo CSS poiché il versatile banner utilizza lo stesso posto nel DOM che utilizza il global notice, che si trova al di fuori del contenitore sticky header.
Giusto.\n\nUn’altra opzione è il plugin Layouts, che aggiunge barre laterali che possono essere fisse. C’è anche un widget HTML personalizzato per esso che puoi usare per aggiungere qualsiasi contenuto desideri.
Se applichi sticky al contenitore padre, funzionerà… tuttavia, se ci sono altri avvisi in questo contenitore, anche questi rimarranno fissi (come l’avviso “Vuoi notifiche live quando le persone rispondono ai tuoi post?”).
Abbiamo una proprietà CSS che compenserà correttamente la parte superiore dall’intestazione:
#main-container.container {
position: sticky;
top: var(--header-offset);
z-index: 9;
}