document.addEventListener('DOMContentLoaded', function() { document.addEventListener('scroll', function() { let y = window.scrollY; let menuhopin = document.getElementById('menuhopin'); if (y > 150) { /* change this value here to make it show up at your desired scroll location. */ menuhopin.classList.add('headershow'); } else { menuhopin.classList.remove('headershow'); } }); }); .elementor-nav-menu__container{ top:0px!important; } #menuhopin.headershow{ transform: translateY(0); } #menuhopin{ position: fixed; top:0; width: 100%; -webkit-transition: transform 0.34s ease; transition : transform 0.34s ease; transform: translateY(-200px); /*adjust this value to the height of your header*/ }