Navbar: Arreglo propio al hacer scroll

Desarrollador
1

Hola Comunidad de Discourse,

Tengo una pregunta. Quiero añadir mi propia barra de navegación fija en la parte superior de la navegación de Discourse.

Así que añadí esta parte a la Sección de Personalización en Encabezado:

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

Para que sea una navegación fija al desplazarse, añadí esta parte a la clase “navbar”:

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

Pero entonces mi barra de navegación desaparece y solo queda la navegación de Discourse fija al desplazarse?

¡Gracias por la ayuda!

2

¿Te refieres a una barra de menú separada encima del encabezado de Discourse? Hay algunos Theme component’s existentes que podrían lograr lo que buscas si miras los componentes específicos del encabezado.

3 Me gusta