Center Navbar Vertically
-
I’ve been using Press Customizr for some time now, but there’s one issue that’s been rather frustrating, which is that there seems to be no way to center the navigation bar vertically. I’ve tried all kinds of CSS, including solutions from the Customizr Navbar Guide 3.3.
Strange thing is, no matter what CSS I add, the navbar simply won’t move. It sits stubbornly glued to the top of the screen, never any change no matter what I do. I was able to accomplish other changes to the navbar with CSS, centering, changing font size and color, changing color during hover, etc.
But this one issue, I feel ready to give up on. Any help would be appreciated. Below is all the CSS that’s been added for the site, in case there’s something in there causing a conflict that I’m just missing.
footer#footer {
background: none repeat scroll 0 0 #6873CF;
}.navbar .navbar-inner .site-description {
width: 100%;
text-align: center;
}#wp-subscribe {
background: none repeat scroll 0 0 #028482 !important;
}
#wp-subscribe input.email-field {
background: none repeat scroll 0 0 #945 !important;
}/* START OF Change the Navbar Colors/Font/Size */
/* Adjust Menu (#6873CF) text color, (Garamond) font-family, (1.5em) font-size */
.navbar .nav > li > a, .navbar .nav > li > a:first-letter,
.navbar .nav > li.current-menu-item > a,
.navbar .nav > li.current-menu-ancestor > a {
display: inline;
color: #6873CF;
font-family: Georgia;
font-size: 1.5em;
padding: 50px 25px;
}/* Adjust Menu colors – Normal */
.navbar .nav > li > a, .navbar .nav > li > a:first-letter {
color: #6873CF;
text-shadow: none;
}
/* Adjust Menu colors – Hover */
.navbar .nav > li > a:hover, .navbar .nav > li > a:hover:first-letter {
color: #9F00FF;
text-shadow: none;
}
/* Adjust Menu colors – Active */
.navbar .nav > li > a:active, .navbar .nav > li > a:active:first-letter,
.navbar .nav > li.current-menu-item > a,
.navbar .nav > li.current-menu-ancestor > a,
.navbar .nav > li.current-menu-item > a:first-letter,
.navbar .nav > li.current-menu-ancestor > a:first-letter {
color: blue;
text-shadow: none;
}/* Adjust dropdown Menu items (blue) text color, (yellow) shading and (green) border */
.dropdown-menu > li > a {
color: blue;
background: yellow;
border-bottom: 2px solid green;
}/* Remove the Hover/Focus Colors */
/* END OF Change the Navbar Colors/Font/Size */
- The topic ‘Center Navbar Vertically’ is closed to new replies.