tentamos usar o recurso de “aviso global”. No entanto, infelizmente, quando você rola, ele desaparece. Portanto, gostaríamos que ele ficasse fixo. Isso, por sua vez, não é realizável via CSS personalizado, pois position:sticky pode ser aplicado a apenas um elemento e já existe um elemento fixo: o cabeçalho.
Você poderia torná-lo configurável onde o aviso é colocado no DOM para que possamos colocá-lo no contêiner do cabeçalho para que ele também fique fixo?
Por que você não usa um banner?:
Obrigado pela recomendação, mas isso não resolve o problema descrito acima: o aviso global não é fixo e, portanto, o banner versátil também não é. Como descrevi mais detalhadamente, isso não seria possível de ser alcançado apenas com CSS, já que o banner versátil usa o mesmo lugar no DOM que o aviso global usa, que está fora do contêiner do cabeçalho fixo.
Ponto justo.
Outra opção é o Plugin de Layouts, que adiciona barras laterais que podem ser fixas. Há também um widget de HTML Personalizado para ele que você pode usar para adicionar qualquer conteúdo que desejar.
Se você aplicar sticky ao contêiner pai, funcionará… embora, se houver outros alertas neste contêiner, eles também ficarão fixos (como o alerta “Você deseja notificações em tempo real quando as pessoas responderem às suas postagens?”).
Temos uma propriedade CSS que ajustará corretamente o topo em relação ao cabeçalho:
#main-container.container {
position: sticky;
top: var(--header-offset);
z-index: 9;
}