Navbar fixo próprio ao rolar

Dev
1

Olá Comunidade Discourse,

Tenho uma pergunta. Quero adicionar minha própria barra de navegação fixa ao rolar no topo da Navegação do Discourse.

Então adicionei esta parte à Seção de Personalização no Cabeçalho:

<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>Link 1</span></a> 
        <a class="rt-border" href="https://www./"><i class="fa fa-fw fa-link2"></i> <span>Link 2</span></a> 
        <a class="rt-border" href="https://www./"><i class="fa fa-fw fa-link3"></i><span>Link 3</span></a> 
    </div>
</div>

Para torná-la uma navegação fixa ao rolar, adicionei esta parte à classe “navbar”:

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

Mas então minha barra de navegação desaparece e apenas a navegação do Discourse fica lá e fixa ao rolar?

Obrigado pela ajuda!!

2

Você quer dizer uma barra de menu separada acima do cabeçalho do Discourse? Existem alguns Theme component’s existentes que podem alcançar o que você procura se você olhar os componentes específicos do cabeçalho.

3 curtidas