# Is er een manier om een website navigatiemenu toe te voegen boven de Discourse header?

**URL:** https://meta.discourse.org/t/is-there-a-way-to-add-a-website-navigation-menu-above-discourse-header/173235
**Category:** Support
**Created:** [14 december 2020 om 12:10 UTC](https://meta.discourse.org/t/is-there-a-way-to-add-a-website-navigation-menu-above-discourse-header/173235 "2020-12-14T12:10:55Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![sok777](https://avatars.discourse-cdn.com/v4/letter/s/82dd89/32.png) [@sok777](https://meta.discourse.org/u/sok777)
#### Post date: [14 december 2020 om 12:10 UTC](https://meta.discourse.org/t/is-there-a-way-to-add-a-website-navigation-menu-above-discourse-header/173235/1 "2020-12-14T12:10:55Z")

</div>

Hi all,  
I’m trying to figure out if there’s a way to keep our existing website’s top navigation menu, so that when people click on the forum they can still have an option to navigate back to other pages on the website to leave the forum.  
Obviously, since it’s two different websites, it’s currently confusing for the users.

Is there a way to add our website menu above the default discourse one? In an iFrame for instance?

---

<div class="post-metadata">

### Author: ![4ong](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/4ong/32/186618_2.png) [@4ong](https://meta.discourse.org/u/4ong)
#### Post date: [14 december 2020 om 13:12 UTC](https://meta.discourse.org/t/is-there-a-way-to-add-a-website-navigation-menu-above-discourse-header/173235/2 "2020-12-14T13:12:38Z")

</div>

You can try this theme component to add a custom menu on top:

> [@Header Submenus](https://meta.discourse.org/t/header-submenus/94584):
>
> discourse2Summary Header Submenus will allow you to build a header menu - with submenus - using plain text!eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/header-submenus)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-header-submenus](https://github.com/discourse/discourse-header-submenus)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Features Desktop Mobile Settings Name Description Menu items Add menu items. O…

[https://github.com/discourse/discourse-header-submenus](https://github.com/discourse/discourse-header-submenus)

---

<div class="post-metadata">

### Author: ![sok777](https://avatars.discourse-cdn.com/v4/letter/s/82dd89/32.png) [@sok777](https://meta.discourse.org/u/sok777)
#### Post date: [14 december 2020 om 13:27 UTC](https://meta.discourse.org/t/is-there-a-way-to-add-a-website-navigation-menu-above-discourse-header/173235/3 "2020-12-14T13:27:30Z")

</div>

Thanks.  
I took a look at that, but it seems like this is mostly a simple menu and not an HTML page..?  
I would like to integrate our own menu as it appears on our website. Am I missing something?

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [14 december 2020 om 13:29 UTC](https://meta.discourse.org/t/is-there-a-way-to-add-a-website-navigation-menu-above-discourse-header/173235/4 "2020-12-14T13:29:01Z")

</div>

Perhaps you need to look at [Developer’s guide to Discourse Themes](https://meta.discourse.org/t/developer-s-guide-to-discourse-themes/93648) and the code in the header theme component.

---

<div class="post-metadata">

### Author: ![neounix](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/neounix/32/215617_2.png) [@neounix](https://meta.discourse.org/u/neounix)
#### Post date: [14 december 2020 om 14:32 UTC](https://meta.discourse.org/t/is-there-a-way-to-add-a-website-navigation-menu-above-discourse-header/173235/5 "2020-12-14T14:32:25Z")

</div>

> [@sok777](#):
>
> Is there a way to add our website menu above the default discourse one? In an iFrame for instance?

Hi @sok777

There are many ways to add a navbar to the top of your pages. You can use the theme’ing capabilities of Discourse, or you can write some JS or jQuery to insert an element (like below) into the DOM, or you could write a very simple Discourse plugin to insert code into the application layout, etc. There are many ways to accomplish this kind of basic task.

For example, I just added this sample HTML snippet to create a demo placeholder for a new top navbar, just for you:

 ![Screen Shot 2020-12-14 at 9.24.46 PM](https://global.discourse-cdn.com/meta/original/3X/7/a/7a3db31408f8b70314b55b67e9d25b8b4ad73865.jpeg)

Your original question was:

> [@sok777](#):
>
> Is there a way to add our website menu above the default discourse one?

The answer is yes, “there are many ways”.

HTH.

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [14 december 2020 om 14:55 UTC](https://meta.discourse.org/t/is-there-a-way-to-add-a-website-navigation-menu-above-discourse-header/173235/6 "2020-12-14T14:55:56Z")

</div>

A very simple way to start is to edit the `header.html` file either in your theme (if you made one and are using it) or in your admin customizable area. `admin/customize/themes/`

Click on Edit CSS/Html

 ![image](https://global.discourse-cdn.com/meta/original/3X/2/c/2c83b0ca018bbf078e1a01ca722a3281dac57b6b.png)

Once there, click on header. Your code here will appear above the discourse header. Make sure to add styles in the css as well.

 ![image](https://global.discourse-cdn.com/meta/original/3X/b/f/bf7d46b3a4b4c34a1ba77c0e81e1a9bb25f2450c.png)

---

<div class="post-metadata">

### Author: ![sok777](https://avatars.discourse-cdn.com/v4/letter/s/82dd89/32.png) [@sok777](https://meta.discourse.org/u/sok777)
#### Post date: [14 december 2020 om 15:48 UTC](https://meta.discourse.org/t/is-there-a-way-to-add-a-website-navigation-menu-above-discourse-header/173235/7 "2020-12-14T15:48:59Z")

</div>

Thanks everyone! That’s fantastic.

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [13 januari 2021 om 15:49 UTC](https://meta.discourse.org/t/is-there-a-way-to-add-a-website-navigation-menu-above-discourse-header/173235/8 "2021-01-13T15:49:11Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
