I have my styles set how I like them for my menu (black background, white text, light blue on mouseover). However, when I set the menu to Logo center, menu below, the entire menubar turns light blue. I have tried different Main Menu link advanced styling options, as well as different quick CSS stylings including removing all of my custom styles altogether and nothing fixes it other than setting it back to having the logo inline with the menu (left or right). I have a local test environment running an older version (3.3.2) and this setting works fine . I have compared all settings and this is the only noticeable difference between the 2 environments. I currently have maintenance mode enabled on my site so it can only be viewed by logging in.
Hey fbords!
Add this to your custom CSS.
#top #header_main_alternate {
background-color: black !important;
}
Cheers!
Elliott
I did. It didn’t seem to work. The bar is still blue.
Nevermind, It worked at making the bar black. however the top border that spans the entire menu is missing. it only shows the dividers between the buttons. How can i make the top border appear in the same color as my separators?
Hey!
Switch it to this.
#top #header_main_alternate {
background-color: black !important;
border-top: 1px solid #333 !important;
}
Regards,
Elliott
thanks. worked like a charm.
by the way, the border CSS was necessary. Setting the option in Theme Options > Header > Header Style to Default (with borders, active menu indicator and slightly transparent) took care of this.
Hey!
Glad you got it short out.
Please do let us know if we can do anything else for you, we will be more than happy to help you out.
Best regards,
Basilis