스크롤 시 내비게이션 바가 고정되지 않음

개발
1

디스커스 커뮤니티 여러분, 안녕하세요.

질문이 하나 있습니다. 디스커스 내비게이션 위에 스크롤 시 고정되는 나만의 내비게이션 바를 추가하고 싶습니다.

그래서 헤더의 사용자 정의(Customize) 섹션에 아래 부분을 추가했습니다:

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

하지만 그러자 제 내비게이션 바가 사라지고, 디스커스 내비게이션만 스크롤 시 고정된 상태로 남아 있습니다.

도움 주시면 감사합니다!!

2

Discourse 헤더 위에 별도의 메뉴 바를 말씀하시는 건가요? 헤더 관련 컴포넌트를 살펴보면, 원하시는 기능을 구현할 수 있는 기존 #customization:theme-component가 몇 가지 있을 수 있습니다.