Hi.
I am making some small changes to the html and custom.css files of the WHMCS secrion to more closely match the rest of my website.
I have managed to do most of what I need but have created a bit of a problem which I have spent a couple of days trying to find the cause for. I will have a background image in the header (not currently uploaded) which has a black 50% opacity overlay. For some reason the overlay has stopped the mouseover action for the main menu to work, The cursor doesn't even change to a hand as you pass over the menu items. I have tried changing the z-index of the overlay with no effect. If I turn the overlay class off, the menu works perfectly.
Also I have no idea and cannot find the property that sets the menu background to the green colour. I have spent hours looking at the style sheet and the code. I have used both Google Chrome and Firefox element inspectors and nothing appears to set the menu background colour (screenshot attached)
The webpage can be seen at https://bit.ly/2JyYUuK
Please help me before I loose the will to live with this.
Thanks
Richard