This has worked very well, however I am having difficulty highlighting each Sub Menu Category.
As you will see, I have been working on the menu for ‘Birds’. I have created Sub Menu Categories, under which are the various Product Categories. I want to make the ‘Sub Menus’ stand out, either a different color or a different sized font.
In order to create a different background color to the Sub Menu, I have added the following CSS;
color: #4f4f4f !important;
I then added ‘sub-heading’ to css classes in the menu.
As you can see though, this has colored the entire column, but I just want to change the Sub Menu / sub heading.
How do I stop the background color being copied to the other menus and how do I adjust the font color and size, specifically of the Sub Menu?
That worked like a charm, thanks.
My issue now is that when I hover over a main navigation Menu, the text turns Grey and I can’t see it anymore. I have tried all the color settings for the navigation and can’t seem to find how to change the hover text to white for the Main Navigation Menu we just added?