Problem with color branding on Mega Menu

[KeithM1]

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

When I click on Information Technology

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

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

[Pooja_Patil]

@KeithM1 , for that you will have to customize Employee Center Header and specify which custom navigation widget it should use.

Let's try to figure out why branding changes on your instance are not taking preference.

1. Have you customized anything?
2. What is the app version? Can you get latest or repair the app?
3. What is the CSS in the theme you have applied to portal for the variable $navbar-inverse-link-hover-color? OOB it is $navbar-inverse-link-hover-color: #ffffff !default;

[KeithM1]

1.  I haven't customized anything except the colors like I shared in my post.  We did create a new taxonomy (cloned OOB) and added a logo to the EC Homepage

2. they are on San Diego Patch 9b.  Plan to upgrade to Tokyo in the near future but not really an option right now,

3.  

[Pooja_Patil]

@KeithM1,

I see you overwrote following in the theme

$navbar-inverse-link-hover-color: #ffffff !default;

to 

$navbar-inverse-link-hover-color: #005093 !default; 

Does this solve your problem? If you are updating the theme, you don't need to customize any widget.

[KeithM1]

Unfortunately, no it didn't fix the issue

[Pooja_Patil]

That is strange.

Please compare the CSS in Employee Center Navigation for following

.navigation-menu-item {
     ...............
      &:hover {
       color: $navbar-inverse-link-hover-color;
       cursor: pointer;
       background-color: darken($sp-navbar-divider-color,5%);
      }
       ..................
      &.selected-item {
        color: $navbar-inverse-link-hover-color;
        background-color: darken($sp-navbar-divider-color, 10%);
        &:not(.menu-link) {
          border-bottom: 1px solid $navbar-inverse-link-color;
          padding-top: 1px;
        }
      }
    

Reset EC theme - ($navbar-inverse-link-hover-color: #ffffff !default;)

Clear browser cache and retry.

Please contact your solution consultant/support if this is still not solved.