Avisos
Vaciar todo

[Resuelto] Menú Fijo  

 
Jesús Manuel
 Jesús Manuel
Usuario activo

Hola, 

No consigo que mi Menú de Navegación se quede fijo  cuando scroll hacia abajo, he probado el Plugin My Sticky y no hace nada cuando lo configuro, no sé que puede pasar

Contenido solo visible a usuarios registrados

Citar
Respondido : 30/11/2024 6:41 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Jesus Manuel, 

Vamos a probar si con el siguiente código CSS puedes dejar la cebecera fija como deseas, para ello añade el siguiente código en el apartado de Apariencia ->Personalizar -> CSS adicional

.wp-block-group.alignwide.is-content-justification-space-between.is-layout-flex.wp-container-core-group-is-layout-3.wp-block-group-is-layout-flex.wp-container-2.is-position-sticky {
position: fixed;
}

Verifícalo y nos comentas como va todo 

Un Saludo

ResponderCitar
Respondido : 30/11/2024 9:44 pm

Jesús Manuel
 Jesús Manuel
Usuario activo

@karen En el Wordpress que tengo no me sale ese menú, me sale el editor y me salen las paginas tal cual para cambiar cosas, y ahí ya no sé donde tendría que ir. Gracias

ResponderCitar
Respondido : 01/12/2024 12:01 am
Luis Méndez Alejo
 Luis Méndez Alejo
Moderador Moderator

Hola, Jesús Manuel

 

¿Puedes, por favor, facilitarnos capturas similares a las que te pongo, para ver si tienes ese menú?

 

Apariencia > Personalizar

 

Apariencia   Personalizar

 

Personalizar > CSS adicional

Personalizar   CSS adicional

Veo que utilizas el tema nativo de WordPress "Twenty Twenty-Four", el editor clásico y los widgets clásicos, por lo que deberías tener esas opciones para poder añadir código CSS personalizado, como el que te ha sugerido mi compañera.

 

Quedo pendiente de tus indicaciones para seguir ayudándote. 😊

ResponderCitar
Respondido : 01/12/2024 9:00 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Jesús Manuel
 Jesús Manuel
Usuario activo

@alejo No lo tengo así, ajunto captura

No consigo adjuntar captura, como lo hago? Gracias 
Esta publicación ha sido modificada el hace 3 semanas por Jesús Manuel
ResponderCitar
Respondido : 01/12/2024 11:06 am
Jesús Manuel
 Jesús Manuel
Usuario activo
image
ResponderCitar
Respondido : 01/12/2024 11:14 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Jesús Manuel
 Jesús Manuel
Usuario activo

Ya está. Gracias 

ResponderCitar
Respondido : 01/12/2024 11:14 am
Luis Méndez Alejo
 Luis Méndez Alejo
Moderador Moderator

Hola, Jesús

No tengo claro si, cuando dices "ya está", es por la captura que has podido adjuntar o porque has solucionado el problema.

Compruebo que el menú principal de tu web se queda fijo y al hacer scroll desaparece, en lugar de quedar "pegajoso" y acompañar en la parte superior durante la navegación vertical.

 

Ya nos dirás si cómo está ahora es lo que buscabas o si, por el contrario, persiste el problema para seguir ayudándote. 😊 

ResponderCitar
Respondido : 01/12/2024 11:34 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Jesús Manuel
 Jesús Manuel
Usuario activo

Ahora mismo el menú me gustaría que se quedara fijo y no desapareciera, pero no he conseguido hacerlo,

ResponderCitar
Respondido : 01/12/2024 11:59 am
Luis Méndez Alejo
 Luis Méndez Alejo
Moderador Moderator

Hola, Jesús

 

 

Veo que usas el plugin "My Sticky Bar" que se centra más en fijar la "top-bar" o barra superior que está en la cabecera (header) por encima del menú y posiblemente no invoca la clase CSS correcta, por eso no te funciona.

Yo suelo utilizar el plugin "Sticky Menu & Sticky Header" https://wordpress.org/plugins/sticky-menu-or-anything-on-scroll/ que sí se centra en esa clase (main-navigation o main-menu, etc) y que suele dar buenos resultados en la mayoría de temas.

En los ajustes de este plugin, concretamente en "Sticky Element: (required)", para tu tema Twenty Twenty-Four deberías poner header.wp-block-template-part para que sea el bloque que se quede fijo en la cabecera.

Y para que ningún elemento con z-index alto se quede por encima de esa cabecera, en la pestaña de ajustes del plugin "Advanced settings" tienes que configurar el z-index en "9999" (sin comillas), de esta forma no se solaparán elementos de la página como botones, etc.

Eso si, primero desactiva el plugin "My Sticky Bar" para no interferir y elimina posibles ajustes CSS que hayas añadido en Apariencia > Personalizar > CSS personalizado, relacionados con el fijado del menú superior.

 

 

Ya nos cuentas que tal te ha funcionado. 😊 

ResponderCitar
Respondido : 01/12/2024 12:36 pm

Cursos Gratuitos WordPress

Jesús Manuel
 Jesús Manuel
Usuario activo

@alejo Muchísimas gracias por fin me funciona con ese Plugin, ahora lo que tengo que conseguir es hacer esa parte fija que se queda hacerla mas estrecha y no sé donde configurarla de tamaño. Muchísimas gracias 

ResponderCitar
Respondido : 01/12/2024 3:43 pm
Luis Méndez Alejo
 Luis Méndez Alejo
Moderador Moderator

Hola, Jesús

 

Me alegra saber que te ha funcionado. 😊 

 

Nos ayudaría mucho que abras una consulta nueva, específica para lo que comentas: "Hacer el header o cabecera de la página más estrecho" de forma que no afectemos a este hilo, ya que los usuarios cuando buscan esperan encontrar respuestas específicas a la consulta del asunto del hilo de Foro. De esta forma facilitamos la búsqueda de contenidos específicos, que resuelven problemas concretos y evitamos la aglomeración de consultas diferentes, aunque relacionables, en un mismo hilo de Foro.

 

Gracias 👍 

ResponderCitar
Respondido : 01/12/2024 3:46 pm

Jesús Manuel
 Jesús Manuel
Usuario activo

@alejo Estupendo, eso haré , Muchísimas gracias de nuevo

ResponderCitar
Respondido : 01/12/2024 3:53 pm
Luis Méndez Alejo
 Luis Méndez Alejo
Moderador Moderator

Hola, Jesús

 

Gracias a tí por tu colaboración. 🤗 

Cualquier consulta que tengas, no dudes en comunicarlo.

Cerramos el tema.

Un saludo

ResponderCitar
Respondido : 01/12/2024 3:59 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress