Avisos
Vaciar todo
Hola buen dia. Estoy tratando de fijar un menu en Elementor para que al hacer scroll todo el tiempo se vea el menu. He visto muchos tutoriales pero todos sugieren hacerlo con "Sticky" de la opcion elementor Pro.
Gracias por su ayuda
Contenido solo visible a usuarios registrados
Respondido : 14/04/2021 7:43 am
Hola Juan Benjamin
Veo que el menu de la web se queda fijo:
Tienes plugins paar realizar lo que buscas:
-> https://es.wordpress.org/plugins/sticky-menu-or-anything-on-scroll/
Otra opción pude ser con CSS " position: fixed " un ejemplo:
.NombreClase_elemento{
position: fixed;
}
.NombreClase_elemento seria el elemento que quieres bloquear
Tendrías que utilizar el inspector de la web para ver la clase del elemento que quieres bloquear
Un saludo
Respondido : 14/04/2021 9:22 am
@pepesoler
Hola Pepe, pero yo me refiero a la nueva web que estoy haciendo (que no se puede ver o no se como enseñarla). de hecho ya la tengo lista y solo me falta fijar el menu. En la actual web que tengo en mi dominio si esta el menu fijo pero esta construida con wpbakery y la nueva es con elementor
Respondido : 14/04/2021 10:30 am
Y ojala lo pueda hacer sin un plugin
Respondido : 14/04/2021 10:31 am
Hola Juan Benjamin.
Necesitamos ver la web, cada web es distinta y utiliza unas clases diferentes, no podemos proporcionarte un código sin poder revisarlo.
Como te comente es ver la clase que maneja ese elemento y utilizar la propiedad fixed:
.NombreClase_elemento{
position: fixed;
}
Un saludo
Respondido : 14/04/2021 10:51 am
@pepesoler,
Como puedo hacer para que la web no sea privada?. La direccion es esta: https://www.fotografulm.com/nueva/elementor-123/ pero a mi me sale que no la pueden ver
Respondido : 14/04/2021 10:58 am
Hola Juan Benjamin,
Esto es lo que veo cuando ingreso a la URL que nos compartes, supongo que este es el sitio web al que te refieres
En este caso prueba lo siguiente, editar tu header que veo estas construyendo con elemento y seleccionar la columna principal donde tienes los elementos de tu menú luego ve a la sección avanzado y asigna un nombre por ejemplo menú en la sección que indica id
Luego ve al apartado Apariencia -> Personalizar -> CSS Adicional y añade el siguiente código CSS
#menu {
position: fixed;
top: 32px;
width: 100%;
}
Guarda los cambio y comprueba si con ello logras configurar tu menu fijo
Un Saludo
Respondido : 14/04/2021 12:45 pm
Muchas gracias Karen, quedo todo solucionado. El equipo de Webempresa son un crack!!
Respondido : 14/04/2021 1:57 pm
Hola Juan Benjamín.
Genial !!! me alegra que fuese lo que buscabas.
Cualquier consulat que tengas no dudes en comunicarlo.
Cerramos el tema.
Un saludo
Respondido : 14/04/2021 2:05 pm
