Main Menu Backdrop Color

Hi there,

I added this piece of CSS in order to show a backdrop color when the submenu is visible:

ul#menu-hoofdmenu > li > .wd-dropdown:after {
	content: "";
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 100%;
	background: rgba(0,0,0,.3);
	z-index: 1;
}

The problem here is that the backdrop doesn’t hide when hovering below the dropdown.
Is there a way to fix this, or a better way to implement this CSS feature?

URL: https://stoeldopshop.insideweb.dev/