Problem with color branding on Mega Menu

KeithM1
Tera Expert

I'm currently working on setting up EC for a client and I've got everything figured out with the colors for branding except 1 thing and it's got me stumped.  When i click on Information Technology in the mega menu, the words disappear.  Before clicking on the mega menu

mega menu before click.PNG

 

When I click on Information Technology

mega menu after click.PNG

 

Here's what the color selection of the text and the brand are set at in the branding editor

EC Branding Editor Brand colors.PNGEC Branding Editor.PNG

Like I said, I'm at a loss at to what to do at this point.  Any help is greatly appreciated

11 REPLIES 11

Pooja_Patil
ServiceNow Employee
ServiceNow Employee

@KeithM1 
The navbar link hover is white by default. In branding editor, do you see section Navbar? Set the Navbar link hover to something other than white. It is too light for Navbar divider color in your branding.

Pooja_Patil_0-1677892493435.png



Please mark this as helpful or as answer if applicable.

That's what I thought too.  I changed the color again to make sure I haven't missed something:

KeithM1_0-1678112368268.png

 

When I hover over the menu, it changes color

KeithM1_1-1678112428971.png

 

When I click on the menu, this happens again:

KeithM1_2-1678112478372.png

 

Pooja_Patil
ServiceNow Employee
ServiceNow Employee

@KeithM1 OOB Employee Center Navigation widget uses same color for both hover and selected item.

You can check the CSS variables in the widget for .navigation-menu-item :hover and .selected-item, both use $navbar-inverse-link-hover-color for color. Have you customized anything?

I applied same colors from your theme for all sections

Pooja_Patil_0-1678119524330.png

 

I found what you were talking about in the OOB widget and i think that is the issue.  In order to change it I have to clone the widget.  My next question, how do I apply the new widget to the mega menu?