Different color dropdown menu background hover colours for different dropdowns

Sorry for the long title! I wanted to fit it all in.

Basically I have a main menu with 3 drop-downs. Each drop-down is a different department in my company. Each department has it’s own color. I would like this color as the hover effect on the drop-down menus.

I can change this globally with ‘Sub links > Setup > Interaction’ so would anyone steer me in the right direction to change each drop-down independently.

Thanks (in hope!) .

The only way to do this is by writing custom css.
You should use your browser to inspect the code of the menu in order to find the class of the list(< ul >).
Then you can use CSS selectors to modify the color of each element of the list individually. The ::nth-child() selector allow you to select a specific list element. Hope you’ll solve your problem.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.