Oferta SiteGround Black Friday

Cómo cambiar el orden de los elementos del menú secundario de Divi

Si usas el tema Divi seguro que te encanta el menú secundario y lo has utilizado en más de una web, al ser un modo estupendo de mostrar opciones de contacto y tus redes sociales.

En este menú puedes poner en un lado, además de los campos por defecto para teléfono y correo electrónico, enlaces a las redes sociales de la web; y en el otro extremo cualquier menú que le asignes a la ubicación.

Lo que no hay es ningún ajuste para cambiar de ubicación ambos elementos: iconos sociales + email + teléfono y menú personalizado. Por defecto, los primeros están a la izquierda y el segundo a la derecha, sí o sí.

Pero en realidad, si quieres, puedes hacer el cambio, y es muy sencillo, solo tienes que atreverte a añadir un poquito de código CSS en la sección de CSS adicional del personalizador, solo eso.

El código es este:

/* Cambiar orden elementos menu secundario Divi */
#top-header .container {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row-reverse;
flex-wrap: wrap; }
#top-header .container:before, #top-header .container:after {
display: none; }
#top-header #et-info, #top-header #et-secondary-menu {
float: none !important;
}

Y es así de fácil hacerlo, mira…

Una vez guardes los cambios en el personalizador ya lo tienes, los elementos en el lado contrario del habitual.

¿De cuánta utilidad te ha parecido este contenido?

¡Haz clic en los emoticonos para valorarlo!

Promedio de puntuación 5 / 5. Total de votos: 2

Hasta ahora ¡no hay votos!. Sé el primero en valorar este contenido.

Ya que has encontrado útil este contenido...

¡Sígueme en las redes sociales!

¡Siento que este contenido no te haya sido útil!

¡Ayúdame a mejorar este contenido!

Por favor, dime, ¿cómo puedo mejorarlo?

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

Sobre el autor

Deja un comentario

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

Información base sobre privacidad:
- Responsable: Fernando Tellado ([email protected])
- Fin del tratamiento: Moderación de comentarios para evitar spam
- Legitimación: Tu consentimiento
- Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal
- Derechos: Acceso, rectificación, portabilidad, olvido

 

Scroll al inicio