Los sticky menú son un recurso muy interesante en el diseño de nuestra página. Vamos a ver cómo crear un stiky menú con Elementor.
Índice
Un menú sticky o pegajoso es un menú (u otro elemento de la página) que permanece fijo en una parte de la página, aunque nos desplacemos hacía abajo (o hacía arriba). Es como si esa zona permaneciera pegada, aunque el resto se muevo, de ahí su nombre.
¿Cuándo tenemos que usarlo?
Usaremos este recurso cuando queramos que un elemento de nuestra página siempre este visible para nuestro usuario, independientemente de la zona de la página en la que se encuentre.
Normalmente vamos a querer mostrar nuestro menú principal, botones para compartir en las redes sociales a algún tipo de Call to Action. Nosotros no solemos crear menús pegajosos. Preferimos usarlo sólo para los botones de redes sociales o CtA.
En nuestra página lo usamos para mantener fijos los botones para compartir en redes sociales.
Es muy importante donde fijamos el menú. Tenemos que buscar una zona que no interfiera con la lectura de la página cuando el usuario se mueve por ella.
Para implementar un sticky menú en nuestra página necesitamos código, bien JavaScript o CSS. Pero tenemos otra forma de implementarlo sin necesidad de escribir ni una línea de código y de una forma muy sencilla: Elementor Pro.
La mala noticia: esta característica sólo esta disponible en la versión de pago de Elementor.
Seleccionamos el objeto de Elementor que queremos dejar fijo, por ejemplo, un Nav Menu.
Nos vamos a la sección de Avanzado, desplegamos las opciones de Efectos de Movimiento y en el desplegable Sticky seleccionamos si queremos que el elemento se quede fijo arriba o abajo en la página.
Ya lo tenemos. Si nos desplazamos por la página, el menú queda fijo.
Si tienes alguna pregunta o algún punto no te ha quedado claro, no dudes de preguntarlo en la sección de comentarios o en nuestras redes sociales.
Cargando...
