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

Sign In or Register to comment.