Un menú sticky o pegajoso puede es una buena opción para dar la posibilidad a tus usuarios de navegar por tu web, aunque se haga scroll. Por eso vamos a ver cómo crear un menú Sticky con Elementor y Elementor Pro.
Elementor es la herramienta más popular para diseñar páginas web, hoy en día. Este plugin brinda un amplio abanico de posibilidades para modificar y adaptar tu web 100% a tu gusto.
Esta herramienta cuenta con una versión gratuita muy completa con la que podrás personalizar tu web sin problema. Además, tiene una versión Pro que ofrece más posibilidades de diseño para mejorar el diseño de tu sitio web.
Hoy vamos a ver cómo crear un menú Sticky con Elementor en su versión gratuita y en la pro. Pero antes vamos a ver qué es este tipo de menú y por qué te interesa tenerlo en tu página web.
¿Qué es el menú Sticky?
Un menú Sticky o pegajoso es el menú que permanece fijo, aunque nos desplacemos hacia abajo.
Esto permite que al hacer scroll cuando navegamos, dicho menú se mantenga fijo y esté siempre disponible para navegar por la página web.
También existe la posibilidad de hacer otros elementos que queramos que se queden fijos, pero hoy vamos a ver concretamente el menú,
Cómo crear un menú Sticky con Elementor
La versión gratuita de Elementor no da la posibilidad de hacer fijo el menú, pero hay otras opciones.
Hoy os vamos a presentar un plugin que da múltiples opciones y entre ellas, la opción de hacer fijo el menú de tu página web.
El plugin se llama Sticky Header Effects for Elementor y es gratuito.
Para usar esta opción, lo primero que deberemos hacer es instalar y activar el plugin. Si no sabes cómo instalar un plugin, te dejamos un enlace a este post donde te contamos cómo hacerlo.
Una vez lo tenemos instalado, iremos al menú de nuestra web en Apariencia > Elementor Header & Footer Builder
Clickaremos en la Cabecera y le daremos a Editar con Elementor. Una vez dentro le daremos a los 3 puntos.
Iremos al apartado Avanzado y veremos que se nos ha activado la opción del plugin en el menú lateral. Ahí simplemente tendremos que pinchar encima para que se despliegue el menú de opciones y darle a Enable para activarlo.
Hecho esto ya tendremos nuestro menú Sticky activo.
Cómo crear un menú Sticky con Elementor Pro
Si tienes la versión Pro de Elementor, no será necesario que instales ningún plugin ya que esta opción ya viene por defecto incluida.
Los pasos son más o menos los menos, sin la necesidad de instalar el plugin.
Por lo que iremos de igual forma al menú que hayamos creado en Elementor en Apariencia > Elementor Header & Footer Builder.
Entraremos en el menú y le daremos a los 3 puntos e iremos a las opciones avanzadas del menú, igual que en la versión gratuita.
Veremos que hay una opción que se llama Efectos de Movimiento. Al entrar, tendremos la opción de elegir si queremos que el menú tenga efecto Sticky o no y donde queremos que se quede fijo.
Esta opción es un poco más rápida, pero como hemos visto, necesitaremos la versión Pro de Elementor.
Os dejamos los mejores libros para aprender a usar Elementor
WordPress and elementor easy to follow guide
Aprende paso a a paso a crear tu Web con WordPress y su herramienta más popular, Elementor.
WordPress and elementor 2020 Edition
Una guía completa para crear webs usando el constructor de páginas Elementor para WordPress.
Start To Finish With WordPress & Elementor
Crea con WordPress y Elementor tu página web completa de principio a fin con esta completa guía para empresas.