/* NEW: Hide state for header */ background: #fff; /* Adjust as needed */ transition: opacity 0.8s ease, visibility 0.8s ease, transform 0.8s ease; /* Slower animation */ transform: translateY(-20px); /* Start slightly above */ /* Sticky header when active */ font-size: 24px !important; /* Force the size */ /* Mobile responsiveness */ /* Force ElementsKit submenu to appear on hover */ /* Smooth dropdown animation */ /* Disable click on "Service" */ /* Force ElementsKit submenu to appear on hover */ /* Smooth dropdown animation */ if (scrollTop > lastScrollTop) { // Scrolling down $('.header-wrapper').addClass('hide'); // Collapse and hide $('.sticky-active').addClass('active'); // Show sticky } else if (scrollTop === 0) { // At the very top $('.header-wrapper').removeClass('hide'); // Expand and show $('.sticky-active').removeClass('active'); // Hide sticky