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
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 🎯
Hi @anupamg ,
How are you?
What version of ServiceNow is your instance running?
It seems to me that in the Vancouver release, this subtopic structure was updated. Because after only changing those variables you mentioned, I get this result:
Hope this helps in some way 😊
Please don't forget to mark it to help future readers! 👍
--
Kind regards,
Luiz Pires
Solution Architect 🎯
