Få et tilbud
CSS Tilføjes i tilpas
				
					/* HEADER FLOATING */

.pp-menu-off-canvas li > a {
        text-shadow: 0px 0.5px 2px rgba(0,0,0,0.5) !important;
    }

@media (min-width: 1025px) {

    .pp-menu-off-canvas {
        position: fixed !important;
        top: auto !important;
        height: auto !important;
        bottom: 115px;
        left: 50% !important;
        transform: translate(100vw) !important;
        padding: 0px 0px 0px 0px !important;
        border-radius: 10px;
        border: solid 1px rgba(255,255,255,0.12);
        box-shadow: 0 10px 40px -20px rgba(0, 0, 0, 0.3) !important;
        overflow: visible !important;
    }

    .pp-menu-off-canvas.pp-menu-open {
        transform: translateX(-50%) !important;
        margin-left: 0 !important;
    }

    .header-frame:has(.pp-active) .tel-header, .header-frame:has(.pp-active) .btn-header {
        display: none;
    }

    .header-frame:has(.pp-active) {
        width: auto !important;
        gap: 0px !important;
        width: 68px !important;
        padding: 0px !important;
        border-right: none !important;
    }

    .pp-menu-off-canvas ul:before {
        content: "";
        position: absolute;
        inset: 0 !important;
        backdrop-filter: blur(8px);
        border-radius: 10px;
        z-index: -1 !important;
        pointer-events: none !important;
    }

    .pp-menu-off-canvas .pp-advanced-menu {
        position: relative !important;
        width: 100%;
        overflow: visible !important;
    }

    .pp-menu-off-canvas .pp-advanced-menu > li {
        position: unset;
    }

    .pp-menu-off-canvas .pp-advanced-menu li {
        max-height: 64px !important;
    }

    .pp-menu-off-canvas .pp-advanced-menu > li  .sub-menu {
        position: absolute;
        left:calc(100% + 11px) !important;
        top: -1px !important;
        bottom: -1px !important;
        width: 370px !important;
        height: calc(100% + 2px) !important;
        border-radius: 10px !important;
        border: solid 1px rgba(255,255,255,0.12);
    }

    .pp-menu-off-canvas .pp-advanced-menu > li  .sub-menu[aria-hidden="false"] {
        visibility: visible !important;
    }
}

.pp-menu-off-canvas .pp-advanced-menu > li .sub-menu {
	background-color: rgba(255, 255, 255, 0.05) !important;
}

@media (min-width: 1025px) {

    .pp-menu-off-canvas.pp-menu-open {
        transform: translateX(-50%) !important;
        margin-left: 0 !important;
    }

    /* Når en undermenu er åben: skub hele panelet 190px til venstre,
       så hovedmenu + undermenu centreres som ét blok over toggle-knappen */
    .pp-menu-off-canvas.pp-menu-open:has(.pp-advanced-menu > li > .sub-menu[style*="display: block"]) {
        margin-left: -190px !important;
    }

}

.pp-menu-close-wrap {
    display: none !important;
}

@media (max-width: 1024px) {
    .pp-menu-off-canvas {
        border-radius: 0px !important;
        background-color: #000 !important;
        padding: 0px 0px 90px 0px !important;
    }
}

/* POPUP STYLE */

.elementor-popup-modal .dialog-widget-content {
    border-radius: 10px !important;
        border: solid 1px rgba(255,255,255,0.16);
        backdrop-filter: blur(8px);
        background-color: transparent !important;
}

@media (max-width: 767px) {
    .elementor-popup-modal .dialog-widget-content {
        border-radius: 0px !important;
        border: none !important;
    }
}
Javascript tilføjes i custom kode før body/end - prioritet 9
				
					<script>
document.addEventListener('click', function (e) {
    var link = e.target.closest('.pp-advanced-menu .menu-item-has-children > a.has-submenu');
    if (!link) return;
    var currentLi = link.closest('.menu-item-has-children');
    if (!currentLi) return;

    setTimeout(function () {
        var currentA = currentLi.querySelector(':scope > a');
        if (!currentA || !currentA.classList.contains('highlighted')) return;

        currentLi.parentElement
            .querySelectorAll(':scope > .menu-item-has-children').forEach(function (li) {
                if (li === currentLi) return;
                var a = li.querySelector(':scope > a');
                var sub = li.querySelector(':scope > .sub-menu');
                if (a) {
                    a.classList.remove('highlighted');
                    a.setAttribute('aria-expanded', 'false');
                }
                if (sub) {
                    sub.setAttribute('aria-hidden', 'true');
                    sub.style.display = 'none';
                }
            });
    }, 30);
});
</script>

Hent uforpligtende tilbud