Trying to create a Bootstrap menu similar to the one on
I've made progress, but I can't seem to achieve a completely transparent effect on hover.
In my fiddle below, there always seems to be a hint of grey in the dropdown when hovered over.
I've researched extensively for a solution, but I'm at a dead end now. Any help would be greatly appreciated.
The menu should only have color during hover.
.navbar-default {
background-color: transparent; border-color: transparent;
}
.navbar-default :hover {
background-color: rgba(248, 248, 248, .7); border-color: rgba(231, 231, 231, .7)
}
Check out my fiddle here: https://jsfiddle.net/dadihall/5zzcq2t5/22/
Thanks in advance, Dadi