Hoy se me ha ocurrido una pijada que igual te sirve en ocasiones para alguna web tuya o de algún cliente: poner el menú secundario debajo del principal en Divi.
Y la cosa es bastante sencilla, pues solo tienes que aplicar un poco de CSS sencillo a los elementos que determinan la posición de ambos menús.
Para hacerlo abre el Personalizador > CSS adicional y añade el siguiente código:
/* Menú secundario debajo del principal en Divi */
@media only screen and (min-width: 981px) {
#main-header {
top: 0 !important;
}
#top-header {
top: 134px !important;
} }Los únicos ajustes que tendrías que hacer serían para cambiar el alto de la propiedad top al ID CSS #top-header en caso de que no se ajuste correctamente a tu menú, pero aparte de eso funciona de maravilla.
Al final lo que pasas es de esto…
A esto otro…
¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!
AVISO: Esta publicación es de hace 3 años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado. ¡Ah! ¿te funciona? pues entonces no he dicho nada :)
Muchas gracias. Me viene genial ahora mismo. Me encanta cuando te dan la respuesta antes de articular la pregunta.
Seguro que por lo menos lo habías pensado 🙂
Muchas gracias ,pero tengo el problema de que cuando hago scroll el menu principal se hace más pequeño pero el secundario no. ¿Sabrías como arreglarlo?
Puede depender de varias cosas. Yo primero repasaría todos los ajustes en el personalizador antes de comprobar códigos y demás
Tengo el mismo problema de Sergio, cuando se hace scroll se hace pequeño el menú principal, sin embargo el secundario se queda ahí e incluso deja un espacio entre ambos (solo al hacer scroll).
Algo más: ¿Cómo centro ese menú secundario?
A ver, el menú principal se hace más pequeño porque es algo que viene así configurado por defecto en Personalizar temas > Cabecera. Pero si pones los valores igual en la navegación fija que en el menú principal no habrá ese efecto, se quedan igual.
El menú secundario no tiene ningún ajuste para hacerlo más pequeño, no es que haya que arreglarlo, es que es así.
También podéis quitar la navegación fija en los ajustes de Divi, que es otra posibilidad.
La otra es que no esté entendiendo qué queréis en realidad 🙂
Hola Fernando,
Gracias por responder.
No, no, es que el que se haga más pequeño está perfecto, y sé que viene por defecto así, y me gusta y justo es lo que quiero. Lo que te digo precisamente es que el principal se disminuye cuando se hace scroll, mientras que el secundario se queda así, en el mismo punto sin disminuirse como el principal (sin hacerse pequeño) y en cambio queda un espacio entre ambos en el que no hay nada y desde luego se ve muy mal.
Eso era lo que te pregunta: si había algún modo de hacer que el secundario se volviera del mismo tamaño que el principal al hacer scroll.
Nota: Ya solucioné lo de centrar el menú secundario.
Saludos.
Me sé un truco para ocultar el menú secundario pero ahora mismo no caigo para que se haga más pequeño
Hola Fernando: Como puedo enlazar una página a mi menú principal?. Favor de indicarme el proceso, estoy utilizando una plantilla de sidney. Gracias.
Eso se hace con la gestión de menús de WordPress, añadiendo desde elementos a tu menú, da igual el tema
Hola Fernando , muchas gracias por tu página. Una duda: en el menú Divi para móvil, ¿sería posible cambiar el ordenen el queme aparecen los elemento del menú? Desearía hacer que los elementos que están en el menú secundario me aparecieran los primeros, ya que se tratan del Login y el Registro. De antemano muchas gracias, saludos.
Si es solo en el móvil usa un plugin como If Menu para configurarlo a medida
Muchísimas gracias, lo probaré. Saludos!
Muchas gracias, 🙂 Ha sido muy útil. Tengo una duda: ¿Y si quisiera hacerlo al revés? Es decir, poner el menú principal encima del logo. Gracias!
Hola, quiero centrar el contenido del menu secundario. COmo puedo hacerlo?
Con este CSS:
#et-info {
float: none !important;
text-align: center;
}
Hola buenas tardes en móvil no se ve el menú secundario, me puedes decir como hacerlo aparecer?,, saludos y gracias de antemano