PARA ECONDER LA CABECERA AL HACER SCROLL:
1) Poner el contenedor principal en Sticky

2) Agregar la clase css mi-header-magico

3) Agregar en custom code de elementor un nuevo codigo con el siguiente scrip (le falta el >)

document.addEventListener(‘DOMContentLoaded’, () => { const header = document.querySelector(‘.mi-header-magico’); if (!header) return; let lastScrollY = window.scrollY; window.addEventListener(‘scroll’, () => { const currentScrollY = window.scrollY; if (currentScrollY > lastScrollY && currentScrollY > 100) { // Baja el scroll: oculta el menú header.style.transform = ‘translateY(-80px)’; } else if (currentScrollY < lastScrollY) { // Sube el scroll: muestra el menú header.style.transform = ‘translateY(0)’; } lastScrollY = currentScrollY; }); });