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…