Если вы примените свойство sticky к родительскому контейнеру, это сработает… однако, если в этом контейнере есть другие уведомления, они тоже «прилипнут» (например, уведомление «Хотите получать уведомления в реальном времени, когда кто-то отвечает на ваши сообщения?»).
У нас есть CSS-свойство, которое корректно сместит верхний отступ относительно заголовка:
#main-container.container {
position: sticky;
top: var(--header-offset);
z-index: 9;
}