Фиксированная навигационная панель при прокрутке

Привет, сообщество Discourse,

У меня есть вопрос. Я хочу добавить свою собственную фиксированную при прокрутке навигационную панель поверх навигации Discourse.

Для этого я добавил этот фрагмент в раздел «Настройка» в заголовке:

<div class="navbar">
    <div class="logo-container">
        <a href="https://www./"><img id="brand-logo" class="logo" src="logo.png" title="logo "></a> 
    </div>
    <div class="links-container">
        <a class="rt-border" href="https://www./"><i class="fa fa-fw fa-home"></i><span>Ссылка 1</span></a> 
        <a class="rt-border" href="https://www./"><i class="fa fa-fw fa-link2"></i> <span>Ссылка 2</span></a> 
        <a class="rt-border" href="https://www./"><i class="fa fa-fw fa-link3"></i><span>Ссылка 3</span></a> 
    </div>
</div>

Чтобы сделать навигацию фиксированной при прокрутке, я добавил следующие стили к классу «navbar»:

position: fixed;
top: 0;
width: 100%;

Однако после этого моя навигационная панель исчезла, и осталась только навигация Discourse, которая тоже зафиксирована при прокрутке?

Спасибо за помощь!

Вы имеете в виду отдельную панель меню над заголовком Discourse? Существуют некоторые готовые #theme-component, которые могут решить вашу задачу, если вы посмотрите на компоненты, специфичные для заголовка.