Avisos
Vaciar todo

Menú siempre visible en Escritorio  

 
Ana Sara
 Ana Sara
Usuario activo

Hola, ¿cómo hago para que el menú de Divi siempre esté visible sin tener que hacer scroll?

 

Muchas gracias

Citar
Respondido : 06/05/2020 6:40 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Ana,

Entiendo que deseas que tu menú se mantenga dijo al hacer scroll en tu sitio web?  Puede activar esta opción desde el apartado de Divi -> Opciones

En la pestaña General activa la sección que te indica Barra de navegación fija,

Screenshot(49)

Con esto tu menú permanecerá visible siempre al hacer scroll

Un Saludo

 

 

ResponderCitar
Respondido : 06/05/2020 8:06 pm

Ana Sara
 Ana Sara
Usuario activo

Hola Karen muchas gracias por tu respuesta,

Lo que me pasa con la opción que propones es:

  • Si lo activo: me acompaña el menú cuando hago scroll, (pero nada más entrar en la página no se ve hasta que no empiezo a hacer scroll)
  • Si no lo activo: se ve al entrar en la página pero se pierde al hacer scroll

Busco combinar las dos 🙂 que siempre esté visible y que además me acompañe al hacer scroll, en el móvil me funciona así pero en el ordenador no

 

ResponderCitar
Respondido : 08/05/2020 1:12 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Ana,

Verifica si dentro de tu pagina la sección atributos de pagina esta asignando como blank page y asigna la plantilla por defecto.

Screenshot(75)

Luego verifica si ya el menú esta visible

Un Saludo

ResponderCitar
Respondido : 08/05/2020 3:01 pm

Ana Sara
 Ana Sara
Usuario activo

Hola Karen,

Como dices está puesto Plantilla por defecto, y se ve el menú, el problema es que no se ve hasta que no empiezo a hacer scroll

¿se te ocurre qué más puede ser?

Gracias por tu ayuda

ResponderCitar
Respondido : 08/05/2020 3:10 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Ana,

Puedes probar desactivando la opción de fijo en las configuraciones de DIVI y dejarlo como estaba al inicio para que se visualice tu menú.

Luego para colocar el menú fijo puedes agregar este código en el apartado Apariencia -> Personalizar  -> CSS personalizado

#main-header {
position: fixed !important;
}

Verifica si con esto lograr colocar el header fijo y que no se oculte

Un Saludo

ResponderCitar
Respondido : 08/05/2020 5:42 pm

Ana Sara
 Ana Sara
Usuario activo

Hola Karen, he añadido el código y el funcionamiento es el que busco!! solo que no me respeta el espacio con el header, sino que se superpone, te adjunto dos imágenes para que veas cómo se pisa la foto principal con el menú. ¿Se puede añadir algo más de código para que no se superponga? creo que con eso ya quedaría perfecto 🙃  La primera foto es la que tiene el código css activado

WhatsApp Image 2020 05 08 at 21.39.52 (1)
WhatsApp Image 2020 05 08 at 21.39.52

 

ResponderCitar
Respondido : 08/05/2020 8:42 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

En qué navegador lo estas viendo, actualmente lo veo correctamente, tal como se muestra en la imagen adjunta.

Captura de Pantalla 2020 05 08 a la(s) 15.32.01

Saludos.

ResponderCitar
Respondido : 08/05/2020 9:33 pm