Can anyone put me out of my misery lol Been stuck with this for quite a while now
If you go to the drop down menu (http://www.ccmediaservices.co.uk/) of "your next move" you can see I've been using the opacity function for a nice hover effect. But with my sub menu that drop downs for some reason the font color looks different then the rest of the nav bar and it is unreadable.
I've inspected it with firebug and can't see any different styles being applied just the correct ones.
I'm wondering if this has something to do with the background it is rendering on?
Any feedback greatly appreciated as I've found this tricky
It looks like the theme has pretty much screwed up the css. The element looks like it is inheriting a color of #686868 (but it could be anything the way the thing is put together). The cascade has been turned into chaos. There is probably some wayward scripting that is messing up the DOM, and there are a few validation errors in the HTML.
I suggest you isolate the nav in a page by itself and the start adding in the junk until you see which one is breaking it.
I've now fixed all the validation errors the html on the page itself is now valid and there are just 5 errors on the css validation but that is also true of the standard wordpress twenty twelve theme. Basically there is no errors on my behalf. There are also a run of rel errors but that is to do with the royal slider plugin purchased not any code I have written.
Still the issue remains. Anyone got any ideas with this one its a tough one!