menu color issue

hi,

the background color for the dropdown part of my menu should match the background color for the main part of my menu. for some reason, it doesn't. the attached screenshot shows what i'm talking about.

the site is nowadvocate.com.

the custom css i have is:

.menu-wrapper-bg {
background: white;
}
.menu-wrapper {
border-bottom: 1px solid #eee;
}

hr{
border-top:1px solid transparent;
}
.menu-sp ul a.current, .menu-sp ul li.current_page_item > a, .menu-sp ul li.current_menu_item > a {
background: #2e87e3;
color: #fff;
}
.menu-sp ul a:hover{
color:#fff;
}
.sf-menu li:hover, .sf-menu li.sfHover{
background: #2e87e3;
}
.menu-sp ul a{
color:#000000;
}

.reverse-color.menu-sp ul li.current_page_item a {
color: #fff;
}
.menu-sp ul li:after {
content: "";
}

 

Hi rexmanaster,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

ul.children li {
background: #2e87e3 !important;
}

Thanks,
Praveen

 

perfect, thanks.

didn't change the background color of the footer menu. i'm not going to use a footer menu, but you may want to add solution here for others.