Submenu is not visible

Support
#1

Please look at the screenshot

When you go to http://dev-icaonline.pantheonsite.io/
and Click on About US --> Submenu doesn’t appear as it looks like there is a style issue with submenu color. I believe that this is an issue in a recently published “nonprofit” demo. So, you should be able to reproduce this problem in the demo itself.

#2

Hello There,

Thanks for writing in!

Please add following CSS to fix the problem:

.x-navbar .desktop .sub-menu a {
    color: #000;
}

.x-navbar .desktop .sub-menu a:hover {
    color: #000;
}

Thanks.

#3

Hi Prashant

Thanks. There is still another small issue with this.

As you can see in the screenshot when you click on a specific submenu it hides it. To test it go to http://dev-icaonline.pantheonsite.io/ and click on Our Social Impact —> Click on any submenu.

#4

Hi There,

How about we make your sub-menu background-color the same color as your header background (light green). That way you’ll have a uniform background-color on the header and a uniform text color on your menu. If you like the idea, please remove the CSS code previously provided and add this instead:

.desktop .sub-menu {
	background-color: #00a580;
}

But If you want to keep the current black and white sub-menu color instead, then update the given code by Prasant to this:

header .x-navbar .desktop .sub-menu a,
header .desktop .sub-menu .current-menu-item > a {
    color: #000 !important;
}

Hope it helps,
Cheers!