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

開発
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 のヘッダーの上に、別のメニューバーをおっしゃっているのでしょうか？もしそうであれば、ヘッダー固有のコンポーネント をご覧いただくと、ご希望の機能を達成できる既存の Customization > Theme component がいくつか見つかるかもしれません。