Sticky Header Effects for Elementor

Live Demos | Documentation | Get Pro

Sticky Header Effects is actively maintained and backed by real support, with docs and live demos to get you set up fast. You get a reliable, responsive sticky header without writing or maintaining a single line of code.

Performance is a feature. The effects run on a lightweight vanilla JavaScript engine that only does work when you actually enable a sticky effect on a header. No heavy libraries are forced onto every page, and nothing loads where it is not used. Your Core Web Vitals stay yours.

The free plugin gives you the core sticky header toolkit. Sticky Header Effects for Elementor Pro is a separate add on that layers 12 advanced, scroll based features on top.

Included in Free (11 features):

Added in Pro (12 advanced features):

Establecer el umbral de activación por desplazamiento
Define hasta dónde se desplaza el usuario antes de que se activen los efectos fijos. Perfecto para un control preciso del comportamiento de la cabecera.
👉 Demo en vivo

Superposición con elegancia
Permite que tu cabecera se superponga a tus secciones hero o banner con total transparencia. Ideal para diseños modernos de página de inicio.
👉 Demo en vivo

Cambio automático de fondo
Cambia el color de fondo de tu cabecera al desplazarse para que coincida con diferentes secciones o mantener el contraste.
👉 Demo en vivo

Separación sutil de secciones
Añade bordes personalizables debajo de tu cabecera fija para una mejor definición y un diseño limpio.
👉 Demo en vivo

Reducir dinámicamente la altura de la cabecera
Reduce toda la cabecera después de desplazarse para ahorrar espacio y centrar la atención en el contenido de la página.
👉 Demo en vivo

Transición de logotipo adaptable
Reduce el logotipo proporcionalmente durante el desplazamiento, manteniendo el equilibrio visual y la presencia de la marca.
👉 Demo en vivo

Cambiar el color del logotipo para un mejor contraste
Cambia automáticamente a un color de logotipo de contraste al desplazarse, según el fondo o el comportamiento del usuario.
👉 Demo en vivo

Añadir transición de desenfoque moderno
Mejora el flujo visual aplicando un sutil efecto de desenfoque al fondo de tu cabecera fija.
👉 Demo en vivo

Ocultar y reaparecer al desplazarse
Oculta automáticamente la cabecera al desplazarse hacia abajo y vuelve a mostrarla al desplazarse hacia arriba. Ideal para páginas con mucho contenido.
👉 Demo en vivo

Return to the Top in One Click
Add a floating Back to Top button that appears once the visitor has scrolled past a distance you set, then smooth scrolls back to the top. Position, size, radius, colors and edge offset are all yours.

Anchor Links That Land in the Right Place
Stop a sticky header from covering the section an in-page anchor link jumps to. The offset follows the real header height automatically, with an extra gap control and optional smooth scrolling that respects a reduced motion preference.

¿Quieres más control? Sticky Header Effects para Elementor Pro es una extensión independiente que se basa en este plugin gratuito. Añade 11 características avanzadas de cabecera basadas en el desplazamiento:

Muestra u oculta la cabecera fija en páginas, entradas, taxonomías, roles, estado de inicio de sesión, URL y más específicos.
👉 Demo en vivo

Libera la fijación en un contenedor, al final de la página, en un elemento personalizado o a una distancia de desplazamiento.
👉 Demo en vivo

9 efectos de entrada (deslizar, desvanecer, zoom, voltear) cuando la cabecera se vuelve fija, con duración, aceleración y retraso.
👉 Demo en vivo

Muestra un aspecto de cabecera completamente diferente cuando está fija, construida a partir de una versión normal y una fija en una misma cabecera (sin segunda plantilla).
👉 Demo en vivo

Cambia a una imagen de logotipo diferente (con retina @2x) cuando la cabecera se vuelve fija.
👉 Demo en vivo

Reestiliza los colores, la tipografía y el espaciado del menú de navegación solo cuando está fijo (Elementor, Mega Menu, Menú de WordPress y TPAE Nav Menu).
👉 Demo en vivo

Añade escala de grises, brillo, contraste y rotación de tono además del desenfoque gratuito de fondo.
👉 Demo en vivo

Muestra una imagen de fondo solo cuando la cabecera está fija, con controles completos de posición, tamaño, repetición y adjunto.
👉 Demo en vivo

Desvanece suavemente la opacidad de la cabecera entre sus estados normal y fijo.
👉 Demo en vivo

Añade relleno, borde, radio y sombra al logotipo solo cuando está fijo, con una transición suave.
👉 Demo en vivo

Coordina hasta cinco secciones fijas en una página en modos Apilado o Secuencial, con orden de prioridad.
👉 Demo en vivo

Show a reading progress bar that fills as visitors scroll, attached to the header or pinned to the browser edge, with thickness, fill and track colors, radius and a smooth fill control.
Read Docs

👉 Obtén Sticky Header Effects Pro, con garantía de devolución de 60 días.

🥇 The Plus Addons para Elementor – Obtén más de 120 widgets únicos para Elementor, plantillas de Elementor y más.

🥇 Nexter Blocks – Nexter Theme funciona en sincronía con el núcleo de Gutenberg. Añade más de 90 bloques potentes y altamente personalizables.

🥇 NexterWP Theme – El mejor y más ligero tema de inicio para WordPress y Elementor.

🥇 Nexter Extension – Potencia tu sitio web de WordPress con más de 20 extensiones para diseño, rendimiento, seguridad y más.

🥇 UiChemy – Convertidor de Figma a Elementor – Convierte tus plantillas de Figma en sitios web de Elementor en vivo usando nuestro plugin gratuito para Figma.

🥇 WDesignKit – Más de 1000 plantillas, constructor de widgets para Elementor y Gutenberg, almacenamiento en la nube, conversor de widgets a bloques y más.

🥇 SproutOS – Un plugin moderno de WordPress que ayuda a propietarios de sitios, agencias y desarrolladores a trabajar más rápido con herramientas impulsadas por IA, automatización y controles de flujo de trabajo.

Sticky Header Effects para Elementor puede conectarse a los servicios externos que se indican a continuación solo cuando la característica correspondiente está activada:

api.posimyth.com — análisis de uso. Desactivado por defecto; al enviar el formulario de comentarios de desactivación también se envía, además de tu correo de administración si marcas la casilla de contacto. Términos · Privacidad · qué se comparte

stickyheadereffects.com, posimyth.com — listados de plantillas de cabecera y predefinidos, solicitados por el panel de control del plugin en tu nombre. Términos · Privacidad

store.posimyth.com — suscripción al boletín, solo cuando envías el formulario de «Obtener actualizaciones» o de suscripción del panel de control. Envía la dirección de correo que escribes, además del nombre si usas el recuadro del panel de control. Términos · Privacidad

wdesignkit.com — predefinidos de cabecera ya hechos e imágenes de vista previa, entregados a través del plugin complementario gratuito WDesignKit. Términos · Privacidad

downloads.wordpress.org — El gestor de reversión descarga una versión anterior del plugin desde el directorio de plugins de WordPress.org, solo cuando inicias una reversión. Privacidad

If the separate Sticky Header Effects for Elementor Pro add-on is installed, it also validates its license key with store.posimyth.com. That flow is disclosed in the Pro plugin.