Issue with Arrow Visibility in Navigation Bar

[Snatarun]

I am facing an issue with the navigation bar. The background color is white, and the arrow icon is also white, which causes it to overlap and become invisible. When I hover my cursor over a module, the arrow becomes visible. However, when I click on "All Menu," the arrow is not visible at all. I would like to change the arrow color to black so that it is clearly visible. Please help me with this.

[Ankur Bawiskar]

@Snatarun 

Did you try changing the Theme?

If my response helped please mark it correct and close the thread so that it benefits future readers.

[Snatarun]

Hi @Ankur Bawiskar ,
Version : Yokohoma.

We are using a custom theme, and in the profile section, I am not able to see the theme options.

[Ankur Bawiskar]

@Snatarun 

Since you said it's a custom theme you will have to check that logic in your custom theme itself.

If my response helped please mark it correct and close the thread so that it benefits future readers.

[matthijsoomen]

Hi Snatarun,

We had the same issue.

Looks like ServiceNow changed the CSS name of that element.

You can solve this by going to your Theme (UX Theme - opening it directly not via the Theme Builder), then open the "Colors" UX Style.
Then search the CSS variable "--now-unified-nav_menu-item-icon--color" and make a copy of that line and change the variable to "--now-unified-nav_menu-item_icon--color".
So _icon instead of -icon. This solved it for us.

You should do the same in the variant UX files if you are using those.

Kind regards,

Matthijs

And