Different colour tabs in drop down menu

Hi there,

you can add a CSS Class to each of the sub menu items and then target that. In the Appearance > Menus. Click on Screen Options at the top of the screen and check CSS Classes. You can then add a class to the menu item and target that item with CSS - something like this:

.main-navigation .main-nav ul ul li.my-custom-class a {
    background-color: red;
}
.main-navigation .main-nav ul ul li.my-custom-class:hover a, .main-navigation .main-nav ul ul li.my-custom-class:visited a {
    background-color: blue;
}

Let me know :)

Thanks David,

That works a treat!

Awesome :) glad to be of help