# Add a global header between Discourse & Website

**URL:** https://meta.discourse.org/t/add-a-global-header-between-discourse-website/154776
**Category:** Development
**Created:** [June 13, 2020, 10:34pm UTC](https://meta.discourse.org/t/add-a-global-header-between-discourse-website/154776 "2020-06-13T22:34:31Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![jord8on](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jord8on/32/166809_2.png) [@jord8on](https://meta.discourse.org/u/jord8on)
#### Post date: [June 13, 2020, 10:34pm UTC](https://meta.discourse.org/t/add-a-global-header-between-discourse-website/154776/1 "2020-06-13T22:34:31Z")

</div>

We’d like to have a modern and responsive header that is accessible on our Discourse site and our Wordpress site. My question could be respective to any other platform out there (for the main website) I just happen to be using Wordpress.

We’ve accomplished this, so far, with a very rudimentary navbar. It is mobile responsive, and when a mobile device is used, the text titles are removed, to only show the button icons.

# Website - [Pickleballist](https://pickleballist.com)

 ![image](https://global.discourse-cdn.com/meta/original/3X/0/e/0e0c3b44b9fae33c68655ae87f809c83d723dca4.jpeg)

### Website: Mobile

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

# Discourse - [Pickleballist Community](https://forums.pickleballist.com)

 ![image](https://global.discourse-cdn.com/meta/original/3X/7/3/73b33514af6830418a9bda269138de60c625a87f.png)

### Discourse: Mobile

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

* * *

I wrote all the HTML and CSS for the global header, and it’s very rudimentary.

As our site and our offerings expand, it would be nice to have a more robust global navigation menu. But I want it to work the way it currently does so I can install the same header menu to both my Discourse site and Wordpress site.

I found a [CSS responsive menu](https://codecanyon.net/item/monaka-responsive-menu/25551352?_ga=2.33070270.1479814822.1592086628-751692004.1587991938) called “Monaka” that I think would be great for our needs but it’s a bit too complex for me… I’m not sure what to do to implement/install it.

Any insights here?

For reference, there are some similar topics about global navigation menus, etc. but I couldn’t find a specific solution for our needs.

1. [How can i add custom hamburger menu](https://meta.discourse.org/t/how-can-i-add-custom-hamburger-menu/92282)
2. [Custom Header Links](https://meta.discourse.org/t/custom-header-links/90588)
3. [Custom hamburger menu links](https://meta.discourse.org/t/custom-hamburger-menu-links/87644)