Eigene feste Navbar beim Scrollen

Entwickler
1

Hallo Discourse Community,

Ich habe eine Frage. Ich möchte meine eigene feste Navigationsleiste oben in der Discourse-Navigation hinzufügen, die beim Scrollen fixiert bleibt.

Ich habe diesen Teil zum Abschnitt “Anpassen” im Header hinzugefügt:

<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>

Damit sie beim Scrollen eine feste Navigation ist, habe ich diesen Teil zur Klasse “navbar” hinzugefügt:

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

Aber dann ist meine Navigationsleiste verschwunden und nur die Discourse-Navigation ist da und beim Scrollen fixiert?

Danke für die Hilfe!!

2

Meinen Sie eine separate Menüleiste über dem Discourse-Header? Es gibt einige bestehende Theme component’s, die das erreichen könnten, was Sie suchen, wenn Sie sich die header-spezifischen Komponenten ansehen.

3 „Gefällt mir“