I get the color background in submenu background with transparency making two things: removing the color in the color addon option and adding this css:
.main-navigation ul ul {
background-color: rgba(249, 249, 244, 0.8);}
My problem is that when hovering, I want also that color, but I dont know how to do it. I dont find the correct code.
.main-navigation ul ul li a:hover {
background-color: rgba(249, 249, 244, 0.8)!important;}
with no good result. But I tried this:
.main-navigation ul ul li a:hover {
background-color: rgba(249, 249, 244, 0)!important;}
Changing the transparency to 0 now it is ok. There was like a overlay of the transparency or something like this. I dont know if this is the best solution but it works.
There is still an issue. The current link. I dont know how to put the background transparency in the element when I am in that page of the menu (“background current” in the colors addon).