Hi
Thanks for contacting to us.
For this add the below css code inside the Appearance >> customizer >> Find the additional css box and add the below css code inside the box.
.navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus, .navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .current_page_item > a,
.navbar-default .navbar-nav > .current_page_item > a:hover, .navbar-default .navbar-nav > .current_page_item > a:focus
{
background-color: #70f228;
}
Change the color code value as your need.
Let us know for any confusion.
Thanks
Thank you for your reply. I didn’t quite make it clear what I was hoping to achieve.
It’s actually the background and focus of the dropdown part of the menu I want to change.
Sorry for not making it clear enough.
I solved it. Thank you.
.dropdown-menu > li > a {
border-bottom: 1px solid #990000 !important;
background-color: #990000 !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
background-color: #cc0000 !important;
}
-
This reply was modified 2 years, 11 months ago by
kiwihawk.
Hi,
Glad to help you!
If you like our Theme & Support, rate us HERE.
Thanks