# Create a responsive global navigation header (Linking between Discourse and WP)

**URL:** https://meta.discourse.org/t/create-a-responsive-global-navigation-header-linking-between-discourse-and-wp/98650
**Category:** Support
**Created:** [October 3, 2018, 4:43pm UTC](https://meta.discourse.org/t/create-a-responsive-global-navigation-header-linking-between-discourse-and-wp/98650 "2018-10-03T16:43:31Z")
**Posts on this page:** 1
**Showing post:** 3

<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: [October 3, 2018, 9:20pm UTC](https://meta.discourse.org/t/create-a-responsive-global-navigation-header-linking-between-discourse-and-wp/98650/3 "2018-10-03T21:20:45Z")

</div>

Thanks for directing me back to that thread @Stranik! I found something [here](https://meta.discourse.org/t/best-way-to-customize-the-header/13368/53) that I didn’t see the first time which helped me get closer to a final solution!!

I added the following to my original CSS:

```
.d-header {
    margin-top: 45px;
    position: fixed;
}

#main {
    padding-top: 45px;
}

```

I also added a `z-index: 1001;` to my `.navbar`

Almost everything seems to be working as expected now!

The one problem I’m still having is with my CSS and how to style `.navbar` and/or my `.navbar a` so that my elements are centered and equally spaced on the line. Currently I have my elements styled to `float: left;` but I just want that whole group of buttons to be centered.

Any suggestions?

Here’s why I want to fix this (notice the extra space leftover on the right…

 ![2018-10-03_13-59-25](https://global.discourse-cdn.com/meta/original/3X/9/3/9364058d37e2bbb6fb619f7ec09acc8c91cd38e4.gif)

---

_[View the full topic](https://meta.discourse.org/t/create-a-responsive-global-navigation-header-linking-between-discourse-and-wp/98650)._