quark navigation

body nav.navbar {
	position: fixed;
	top: 0;
	z-index: 9999 !important;
}

@media screen and (min-width:992px) {
	html body {
		padding-top: 120px;
	}

}

@media screen and (max-width:991px) {
	html body {
		padding-top: 90px;
	}

}


(function() {
    try {
        /* main variables */
        var debug = 0;
        var variation_name = "";

        /* all Pure helper functions */


        // selector would be the parent div where your are changing css/js
        function waitForElement(selector, trigger, delayInterval, delayTimeout) {
            var interval = setInterval(function() {
                if (
                    document &&
                    document.querySelector(selector) &&
                    document.querySelectorAll(selector).length > 0
                ) {
                    clearInterval(interval);
                    trigger();
                }
            }, delayInterval);
            setTimeout(function() {
                clearInterval(interval);
            }, delayTimeout);
        }

        /* Variation functions */
        function init() {

            // write your js here(function can be outside)
            document.querySelectorAll("div#mega-menu-dropdown #level-2-1 a").forEach(anchor => {
                anchor.addEventListener("click", function() {
                    window.location.href = anchor.href;
                })
            })

        }


        /* Initialize variation */
        waitForElement("body > div.dialog-off-canvas-main-canvas > div > nav", init, 50, 15000);
    } catch (e) {
        if (debug) console.log(e, "error in Test" + variation_name);
    }
})();