In dem Submenu submenu-wrap--area steckt ein leeres span mit der Klasse submenu-pageoverlay.
HTML-Code:
.section-wrap.section-wrap--header .navbar-menu .dl-menuwrapper .navbar-collapse#collapseMain ul.navbar-main > li .submenu-wrap .submenu-wrap--area > .submenu-pageoverlay {
position: absolute;
top: 100%;
left: -50vw;
right: -50vw;
width: auto;
height: 100vh;
background: rgba(0,0,0,0.5);
cursor: default;
pointer-events: none;
opacity: 0;
transition: opacity .6s 0s ease;
}
Auf :hover vom Hauptmenüpunkt wird es dann sichtbar:
HTML-Code:
.section-wrap.section-wrap--header .navbar-menu .dl-menuwrapper .navbar-collapse#collapseMain ul.navbar-main > li:hover > .submenu-wrap .submenu-pageoverlay {
opacity: 1 !important;
}
Lesezeichen