menu custom css
I have the following code for the menu. However for the submenu, there is a squared background which I do not want. Also, for the hover effect in the sub menu, I do not want it becoming grayish. It could be a darker green which could be the same as main menu. Could you help me on this?
website: ihyasanatgrup.com.tr
.menu-highlight a{
color: #ffffff !important;
background: #074323;
opacity:0.6;
border-color: #074323;
border-style: solid;
border-width: 1px;
border-radius: 15px;
border-spacing: 40px;
padding: 1px !important;
transition: all 0.2s linear;
line-height:40px;
margin-top:5px;
font-size: 18px;
font-family: Roboto;
font-weight:bold;
}
.menu-highlight a{
color:#ffffff !important;
}
.menu-highlight a:hover {
color: #ffffff !important;
background: #074323;
border-color: #074323;
opacity:0.8
}
li.menu-highlight:hover a{
color:#ffffff !important;
}
.menu-highlight:active {
border-radius: 10px;
}
Comments
Hi,
Please, also add the following CSS code:
#Header_creative .sub-menu{ background: transparent!important; } #Header_creative .sub-menu .menu-item a:hover{ background: #074323; }Best regards