Skip to main content
Solved

Navigation Bar Color


Idan
  • Contributor ⭐️⭐️⭐️

Hey there! 

I was wondering, how do I change the color of the Nav bar (as attached in the screenshot - the black strip).

 

Thank you!

 

Best answer by Kenneth R

Hi @Idan - welcome to our community!  If you’re thinking of the mega-menu itself, the color is defined in the control environment under Customization > Navigation > Background Color

As you specifically mention the black bar, however, I think that you want to change the colour of the bar that contains the breadcrumb trail just below the mega menu, is that right?  If so, that color is normally inherited by the the Page Background Color setting available through the Colors settings in Customization mode.  By default, this bar is the same colour as the rest of the page.  If it’s different, as is the case in your screenshot, it was adjusted with a bit of CSS.

I had a little peek at your community to confirm that this is the case - if you have a look in your CSS you’ll find this colour defined as ‘breadcrumb-container’.  You can change the color there or remove that bit of code, after which it will just inherit the page background color.  

View original
Did you find this topic helpful?

Kenneth R
Forum|alt.badge.img+5
  • Gainsight Community Manager
  • May 29, 2024

Hi @Idan - welcome to our community!  If you’re thinking of the mega-menu itself, the color is defined in the control environment under Customization > Navigation > Background Color

As you specifically mention the black bar, however, I think that you want to change the colour of the bar that contains the breadcrumb trail just below the mega menu, is that right?  If so, that color is normally inherited by the the Page Background Color setting available through the Colors settings in Customization mode.  By default, this bar is the same colour as the rest of the page.  If it’s different, as is the case in your screenshot, it was adjusted with a bit of CSS.

I had a little peek at your community to confirm that this is the case - if you have a look in your CSS you’ll find this colour defined as ‘breadcrumb-container’.  You can change the color there or remove that bit of code, after which it will just inherit the page background color.  


Idan
  • Contributor ⭐️⭐️⭐️
  • May 29, 2024

Thank you @Kenneth R. It works now! 


Kenneth R
Forum|alt.badge.img+5
  • Gainsight Community Manager
  • May 29, 2024

That’s great to hear!  I’ll go ahead and mark my earlier reply as the best answer to help anyone else in the future with the same question.  :)


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings