How to make sub-menu in Primary menu bar visible when hovered upon?
Hello,
Our primary menu's background is green (#005D57) with white letters. But the background of our sub-menu to the primary menu is white, with white letters. So, we can't see anything in the dropdown menu. See the "Photo Gallery" dropdown menu, which should show 2 sub-menus.
At the moment, we have the codes below in Custom CSS, but don't know what else to add to make the dropdown menu visible on hover. Please, what do we need to change so that when we click on the Primary Menu, the dropdown menu is visible and shows green background (#005D57) with white letters (#ffffff)?
/**
* Top menu main block styling
*/
.navbar-inverse {
background-color: #005D57;
border-color: #005D57;
color: #ffffff !important;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #ffffff !important;
background-color: #005D57;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
color: #ffffff !important;
background-color: #005d57;
}
Thank you.
John
__________________
John
XCart Business v.5.4.1.48
|