Tutorial Divi: Poner el menú secundario debajo del principal

Logo de Divi

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…

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(3 votos, promedio: 5)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

16 comentarios en “Tutorial Divi: Poner el menú secundario debajo del principal”

  1. Muchas gracias. Me viene genial ahora mismo. Me encanta cuando te dan la respuesta antes de articular la pregunta.

  2. Sergio Sanisidro

    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?

      1. Santiago Andrade

        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?

        1. 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 🙂

          1. Santiago Andrade

            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.

  3. Hola Fernando: Como puedo enlazar una página a mi menú principal?. Favor de indicarme el proceso, estoy utilizando una plantilla de sidney. Gracias.

  4. Javier Alapont

    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.

  5. Sofy Gallagher

    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!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Ir arriba Ir al contenido