Crear Menú Sticky o Adhesivo para WordPress con Elementor

¿Quieres mejorar la navegación de tu sitio web y hacer que tu menú de navegación sea más fácilmente accesible para tus visitantes? ¿Quieres que tu menú se quede fijo en la parte superior de la pantalla mientras los usuarios navegan por tu sitio web? ¡Un menú sticky o adhesivo es la respuesta!

En este artículo, aprenderás a crear un menú sticky para WordPress con Elementor, una herramienta que simplifica el proceso y te ofrece una amplia variedad de opciones para personalizar tu sitio web.

Cómo crear un menú sticky de manera gratuita

Si no tienes Elementor Pro, no te preocupes, puedes hacer un menú sticky gratis. Sigue los siguientes pasos:

  1. Instala el plugin Header and Footer Builder en tu sitio web. Este plugin te permite crear y personalizar encabezados y pies de página.

  2. Instala el plugin Sticky Header Effects. Este plugin te permite crear encabezados sticky con efectos de movimiento.

  3. Una vez que hayas instalado ambos plugins, crea un encabezado con el plugin de Elementor Header and Footer.

  4. En la pestaña de ajustes, crea el encabezado y selecciona la opción de encabezado.

  5. Define si quieres mostrar el encabezado en toda la web o en páginas específicas.

  6. Edita el encabezado con Elementor y agrega el menú de navegación.

  7. Haz clic en “Editar sección” y selecciona la opción de “Sticky Header Effects” en la pestaña Avanzado.

  8. Configura el efecto para que el encabezado quede fijo en la parte superior mientras los usuarios navegan.

  9. Guarda los cambios y verifica que el menú sticky esté funcionando.

Cómo crear un menú sticky con Elementor Pro

Si tienes Elementor Pro, el proceso es aún más sencillo. Sigue los siguientes pasos:

  1. Accede a Elementor Pro y dirígete a la sección de plantillas.

  2. Selecciona “Añadir nueva” y elige la opción de encabezado.

  3. Define el nombre del encabezado y crea la plantilla.

  4. Agrega el menú de navegación y personaliza el encabezado con los widgets de Elementor Pro.

  5. Haz clic en “Editar sección” y selecciona la opción “Sticky Top” en “efectos de movimiento, en la pestaña de ajustes avanzados.

  6. Guarda los cambios y verifica que el menú sticky esté funcionando.

Conclusión

Los menús sticky o adhesivos son una excelente forma de mejorar la navegación de tu sitio web y hacer que la experiencia de usuario sea más agradable. Con Elementor, puedes crear fácilmente un menú sticky personalizado y adaptado a tus necesidades..

PLUGINS

Y TEMAS

PREMIUM

2,99$

Scroll al inicio

Acceso a más de 10.000 plugins y temas premium, con actualizaciones todos los días.

$ 7.99

Suscripción Mensual

Acceso durante 1 MES.

$ 49

Suscripción Anual

Acceso durante 1 AÑO.

ACCESO DE POR VIDA

Un solo pago de

$99