スクロール時のナビバー固定を修正

開発
1

こんにちは、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>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>

スクロール時に固定されるナビゲーションにするために、「navbar」クラスに次の部分を追加しました。

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

しかし、ナビバーが消えてしまい、スクロール時に固定されるのは Discourse のナビゲーションだけになってしまいました。

よろしくお願いします!!

2

Discourseヘッダーの上に別のメニューバーをご希望ということでしょうか？お探しのものを実現できる可能性のある既存の#theme-componentがいくつかありますので、ヘッダー固有のコンポーネントをご覧ください。

「いいね！」 3