Main and Sub Menu Branding in IIQ 8.5

IdentityIQ (IIQ) IIQ Discussion and Questions
1

I need some assistance with changing the Main Menu and Sub Menu colors from the default blue to another color for hover and selected. I’ve used the Branding Whitepaper details and it helped me a fair bit. Just struggling with the Main and Sub Menu elements as in screenshot below.

image
image565×292 14.8 KB

2

If you keep digging…

.bg-primary .nav li > a:hover,
.bg-primary .nav li > a:focus {
  background-color: #c2c2c2 !important;
}
3

hi @Paul_Meyer
You are on the right track using the Branding Whitepaper!|

To override the default blue hover and selected colors for the Main and Sub Menu, you can use custom CSS like this:

/* Main Menu hover and focus */

> .bg-primary .nav li > a:hover,
> .bg-primary .nav li > a:focus {
>   background-color: #c2c2c2 !important;
> }


/* Sub Menu selected */
> .bg-primary .nav li.active > a {
>   background-color: #c2c2c2 !important;
> }