Changing main navigation menu color on Hello Boho.

QuestionsCategory: CustomizationChanging main navigation menu color on Hello Boho.
theharbinger asked 5 years ago

Hello – I’m using the Hello Boho theme and I’m trying to change the background color on my main navigation menu at the top of each page (with my logo in the center). When I select a new color and publish it in the “Customizing” area, it doesn’t change the navigation menu color at all. It stays white. When I adjust other colors, for text or links, this shows up right away.
To clarify, I am changing the “Blog Menu Color” in “Customizing > Colors”. I’m not sure if this is the right spot, but I don’t see any other option that would address just the menu background. I don’t want the overall site background to be a different color. I’ve looked around my entire site and don’t see any difference in color on any part of it when adjusting the “Blog Menu Color” specifically. Is there somewhere else I need to go to adjust this? Thank you.

1 Answers
Jennifer Staff answered 5 years ago

There is not code in the customizer to change the navigation background color.  You would need to manually do that in the style sheet if you would like it a different color.  The blog menu color only changes the blue menu you see on the blog page.
 
To change your menu go to your style sheet, line 2517 and you will see this
 
.site-header {
background: #fff;
left: 0;
width: 100%;
z-index: 9;
}
 
There you can change that background color to any color you would like.

theharbinger replied 5 years ago

Thank you so much for your help, Jennifer. I had scrolled through the style sheet but didn’t want to touch anything yet until I knew for sure.