# Own fixed while scrolling Navbar

**URL:** https://meta.discourse.org/t/own-fixed-while-scrolling-navbar/279396
**Category:** Development
**Tags:** css
**Created:** [September 18, 2023, 2:48pm UTC](https://meta.discourse.org/t/own-fixed-while-scrolling-navbar/279396 "2023-09-18T14:48:21Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![fuchs](https://avatars.discourse-cdn.com/v4/letter/f/bcef8e/32.png) [@fuchs](https://meta.discourse.org/u/fuchs)
#### Post date: [September 18, 2023, 2:48pm UTC](https://meta.discourse.org/t/own-fixed-while-scrolling-navbar/279396/1 "2023-09-18T14:48:21Z")

</div>

Hello Discourse Community,

I have a question. I want to add my own fixed while scrolling Navbar on top of the Discourse Navigation.

So I added this part to the Customize Section in Header:

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

```

To make it a fixed navigation while scrolling I added this part to the class “navbar”:

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

But then my navbar is gone and only the discourse navigation is there and fixed while scrolling?

Thanks for the help!!

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [September 18, 2023, 3:06pm UTC](https://meta.discourse.org/t/own-fixed-while-scrolling-navbar/279396/2 "2023-09-18T15:06:02Z")

</div>

Do you mean a separate menu bar above the Discourse header? There are some existing #Customization > Theme component’s that might achieve what you are seeking if you look at the [header specific components](https://meta.discourse.org/search?q=header%20%23theme-component).