Employee Service Center - Mega menu Nav Bar Background Color Change

[anupamg]

We could change background color as well as font color for Mega menu as below in CSS file :

$sp-navbar-divider-color:#333579;- changed to #fbe700;

$navbar-inverse-link-color:#DADDE2; to $navbar-inverse-link-color:black;

It does change the font (Text) color for Topics and Sub Topics but not the background color for sub topic , see below:

Please guide me if it is a bug or I have missed any configuration.

Any help is appreciated.

Thanks

Anupam

[anupamg · Accepted solution]

Thanks Luiz!

we are on Washington version. Do you think this is fixed now , if so how can we make it even or change back ground color for sub topic ?

[Luiz Pires · Accepted solution]

@anupamg 
Maybe you could try going into 'inspect mode' in your browser, find the class and replace it in css with the color you want (Widget, Page or Css Include).

 Example:

.employee-center-navigation .mega-menu .mega-menu__items {
 background-color: #fbe700; //your desired color
}

Note: Any change made to the browser's css classes is not reflected in its components, you must change the final component itself.

Hope this helps in some way 😊
Please don't forget to mark it as correct to help future readers! 👍
--
Kind regards,

Luiz Pires
Solution Architect 🎯

[Nat Iyer]

Hi @Luiz Pires ,

Strangely this didn't work for me! The change you mention below changes only part of menu. Any idea why?

.employee-center-navigation .mega-menu .mega-menu__items {
 background-color: #fbe700; //your desired color
}

Thanks,

Nat