const setUpStickyHeader = () => { let header = document.querySelector("#header"); toggleHeaderStickiness = () => { if (window.scrollY > 0) { header.classList.add("sticky-header"); } else { header.classList.remove("sticky-header"); } } window.addEventListener("scroll", toggleHeaderStickiness); } window.addEventListener("DOMContentLoaded", setUpStickyHeader); const setUpBurgerMenu = () => { console.log("burger menu setup initiated..."); let burger = document.querySelector("#primary-menu-trigger"); let fries = document.querySelectorAll("#primary-menu > ul") const toggleFries = () => { console.log("fry toggling initiated..."); for (var i = 0; i < fries.length; i++) { console.log("enter the fry loop..."); var fry = fries[i]; if (fry.classList.contains("show")) { fry.classList.remove("show"); console.log("showed fry ", i); } else { fry.classList.add("show"); console.log("hid fry ", i); } } } burger.addEventListener("click", toggleFries); } window.addEventListener("DOMContentLoaded", setUpBurgerMenu); // This opens the search bar window.addEventListener("DOMContentLoaded", function(){ document.querySelector("#top-search-trigger").addEventListener("click", function(){document.querySelector("body").classList.toggle("top-search-open")}) }); // The body tag has to have this for the right header styles to get applied, and since we can't edit the body tag directly through Divi, this is easier than editing theme files... window.addEventListener("DOMContentLoaded", function() { document.querySelector("body").classList.add("stretched"); })
Test your metal

Test your metal

Zinc was used by the ancient Greeks and Romans. These days, it’s in your sunscreen - helping reflect the sun’s rays as soon as you put it on your skin. Its unique properties also help stop corrosion, making it invaluable for building cars and planes. Zinc is also an...