Is there a way to add a website navigation menu above Discourse header?

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?

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


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?

Perhaps you need to look at Developer’s guide to Discourse Themes and the code in the header theme component.


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:

Your original question was:

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



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

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


Thanks everyone! That’s fantastic.

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