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

Thanks for directing me back to that thread @Stranik! I found something here 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…

1 Like