Hi,
First of all, I would like to correct a mistake in your statement.
So the text color remains #075e54 while the dropdown is opened
The text remains #075e54 only when the mouse is on it. As the mouse moves inside the opened dropdown, the text turns back to #128C7E. I expect and want it to stay #075e54 when the mouse is inside the dropdown.
Further, the “Whatsapp Chat” isn’t a third-party feature. I’ve not used any plugin to accomplish the same. I have used the features provided by the theme to build it.
The “Whatsapp Chat” is a standard link created in the WordPress menu. I’ve added CSS rules to make it look like so.
The dropdown markup is created through HTML Blocks feature provided by the theme. Further, this HTML block is called by the menu as provided by “Custom fields (for theme)”. So as expressed by me, no third-party plugin is installed.
It’s similar to any mega menu added in the Woodmart demo, where the parent has hover CSS rules applied while the mouse is anywhere inside its child. Hope it has clarified your concern.
Just problem is that, I’m not able to detect any class to the parent or its ancestors while the mouse is inside the child or the dropdown is opened. Else, I would be able to add adequate CSS selector in the second rule given below.
.wapp-menu > a {
box-shadow: none;
border-radius: 30px;
border: 2px solid #25d366;
height: 46px !important;
color: #128C7E !important;
padding-left: 66px !important;
padding-right: 16px !important;
}
.wapp-menu > a:hover,
.wapp-menu > a:active {
color: #075e54!important;
}
Hope now you can help me.
Thank you
.
